@charset "utf-8";
/* eyoucms.com 易优CMS -- 好用,免费,安全 */
/* 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:99999;}
.fixed a{display:block;width:55px;height:53px;}
.barbook{background:url(../img/fixed.jpg) 0 0 no-repeat;}
.barbook:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../img/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(../img/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:#515d6b;font-size:12px; overflow-x:hidden;background:#fff}
a{ color:#515d6b;}
.header{width:100%;min-width:1004px;height:67px;padding-top:17px; position:relative; z-index:9;background:#262626;}
.logo{ float:left;display:inline;}
.headerr{ float:right; width:366px;}
.tel{ float:right;width:380px;}
.tel span,.tel p{ width:348px;display:block; float:right; text-align:right;}
.tel span{background:url(../img/tel.gif) right center no-repeat; padding-right:30px; font:22px/26px 'Microsoft Yahei'; color:#ef6268;}
.tel p{ color:#fff;font:30px/40px 'Impact'; }
.notice{width:100%; height:85px; background:#262626; position:relative; z-index:999; color:#fff;line-height:85px;}
.notice b{ font-size:16px; float:left; font-family:'Microsoft Yahei'}
.notice marquee{ float:left; display:inline;margin-left:20px;width:400px; }
.notice marquee p{ color:#fff;cursor: pointer; }
.search{position:relative;padding-top:27px;float:right;z-index:9999;height:32px;line-height:32px;display:inline; }
.text{float:left;width:237px; padding-left:5px;color:#707070;height:30px;line-height:30px; border:1px solid #d4d4d4;}
.button{float:left;width:33px; margin-left:3px;height:32px; display:inline;background:url(../img/button.gif) center top no-repeat;cursor: pointer;}
.select{float:left;width:82px; margin-left:3px; display:inline;background:url(../img/select.gif) left top no-repeat; position:relative}
.select select{margin:5px auto;width:80px;}
div.selectbox-wrapper{border: #d4d4d4 1px solid; overflow:hidden;width:80px; *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:#9ba8b8}
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;color:#666;}
.selectbox{border:none;display:block;width:80px;text-indent:8px;cursor:pointer;background:none;font-size:12px;height:32px;line-height:32px;color:#707070;}
.menu{width:100%;height:61px; padding-top:24px;}
.menu ul{ width:1004px; margin:0 auto;}
.menu li{float:left; margin:0 16px; display:inline;}
.menu li a{ display:block;width:68px;line-height:38px;text-align:center;border-top:4px solid #fff; font-size:14px; color:#262626;font-family:'Microsoft Yahei';}
.menu a:hover,.menu li a.cur{ border-top:4px solid #ef6268 !important}
.banner{width:100%;text-align:center;z-index:1; overflow:hidden;  height:450px;position:relative;}
#ul01 {width:100%; float:left;text-align:center; display:inline;position:relative;height:450px;  overflow:hidden; }
#ul01 ul{ position:absolute;width:100%; left:0;}
#ul01 li{ float:left; width:100%; height:620px; overflow:hidden; }
#ul01 li a{ display:block; height:455px;}
.slider{width:1002px; margin:0 auto; z-index:999;position:relative;}
.slider a{ position:absolute; top:158px;display:inline-block;margin-left:10px;background:#f00;width:52px;height:95px; text-align:center; padding-top:35px;}
.slider .end img{
	  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(100%);
  -moz-filter: grayscale(1);
  filter: grayscale(100%);
  filter: gray;}
#left {left:-40px;}
#left,#right {right:-40px;background:url(../img/butbg.png) 0 no-repeat;}
.slider img{ vertical-align:middle;}

.product{width:100%; overflow:hidden; padding-top:50px;height:606px; background:#262626;}
.product .ititle{ height:79px; color:#fff;}
.product .more{ margin:0 auto;}

#prev,#next{ display:block; float:right; width:38px; height:38px; overflow:hidden;cursor:pointer;margin-left:10px; }

.rollbut{ float:right; text-align:right; width:980px;padding-bottom:10px;}
.rollbut a{background:url(../img/arrowbg2.gif) top left no-repeat; text-align:center; line-height:38px; color:#fff; font-size:28px; font-family:'宋体';height:38px; width:38px; float:right; cursor:pointer; margin-left:10px; display:inline; }
.rollbut a:hover{background:url(../img/arrowbg2.gif) top right no-repeat}
#swap_pic { margin:0 auto;width: 980px;overflow: hidden;}
.box { position:relative; width:980px; float:left; height:410px; overflow:hidden;}
.pics { position:absolute; width:5000px; top:0;}
.pics li {width: 980px; float: left; height:410px; overflow: hidden}
.pics li a{ float:left; position:relative; width:245px; cursor:pointer;}
.pics a font{ display:none; position:absolute; width:100%; height:100%;background:url(../img/proico.png) center no-repeat #262626; filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;}
.pics a:hover font{ display:block;}


/* index*/
.qnav{ padding-top:50px; z-index:1;width:100%;position:relative;height:385px;}
.qnav_t{ text-align:center;}
.qnav ul{ padding-top:45px;width:1004px; margin:0 auto;}
.qnav ul li{float:left; width:160px; margin-left:90px; margin-right:82px; display:inline;}
.qnav ul li a{width:100%;color:#3d3d3d; float:left; text-align:center; font:16px/1 'Microsoft Yahei';}
.qnav ul li a font{width:160px; cursor:pointer; margin-bottom:10px;float:left; height:158px;}
.qnav1 a font{background:url(../img/qnav.gif) 0 top no-repeat;}
.qnav1 a:hover font{background:url(../img/qnav.gif) 0 bottom no-repeat;}
.qnav2 a font{background:url(../img/qnav.gif) -332px top no-repeat;}
.qnav2 a:hover font{background:url(../img/qnav.gif) -332px bottom no-repeat;}
.qnav3 a font{background:url(../img/qnav.gif) -664px top no-repeat;}
.qnav3 a:hover font{background:url(../img/qnav.gif) -664px bottom no-repeat;}

.case{overflow:hidden; position:relative;width:100%;height:416px;background:#262626; padding-top:50px;}
.case li{ position: absolute;width:980px; left:0;display:inline;}
.view-port {overflow: hidden;position: relative; width:980px;}
.track a.prev,.track a.next { display:none;}
.track a.prev.disabled,.track a.next.disabled { display: none;}
.slider-container {position: relative;height:350px;}
.bullet-pagination {width: 100%;text-align: center;}
.bullet {display: inline-block;width:10px; border:2px solid #c0c0c0; height:10px;border-radius:10px;margin-right: 5px;}
.bullet.active { border:2px solid #ed6463;}
.caseimg{ float:left; width:400px; margin-right:48px; display:inline;}
.case_r{ float:left; width:528px; font-size:14px; }
.case_rt{float:left; width:528px; color:#fff; font-size:22px; margin-bottom:27px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-family:'Microsoft Yahei'} 
.case_r p{ margin-bottom:30px;color:#757575; width:100%; line-height:32px;display:block;}
.more{background:url(../img/more.png) 0 0 no-repeat; width:110px; height:32px; line-height:32px; color:#fff; display:block; text-align:center; font-size:14px;}
.ititle{ text-align:center; font-size:22px; color:#262626;font-family:'Microsoft Yahei'; height:69px; width:385px; margin:0 auto;}
.ititle font{ height:47px;text-transform:uppercase; display:block; line-height:1; font-size:38px; font-family:'Impact';}
.news{width:100%;height:456px; padding-top:48px;}
.news .ititle{background:url(../img/news_t.gif) bottom center no-repeat;}
.news ul{ width:1300px;}
.news ul li{ width:436px;float:left;margin:50px 100px 0 0px; display:inline; cursor:pointer;}
.news img{float:left;}
.protxt{ width:326px; float:right; color:#717171; font-size:14px; line-height:24px;}
.protxt font{ font-size:16px;  cursor:pointer;float:left; width:100%; margin-bottom:10px; font-weight:bold; color:#292929;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.news li a font:hover{color:#f16564; }
.news li a:hover{color:#3f3f3f; }
.newsmore{ width:980px; border-top:1px solid #e2e2e2; margin-top:68px; float:left;text-align:center }
.newsmore a{margin:-16px auto 0;}
.main,.fyMain{ width:980px; margin:0 auto; clear:both; position:relative;}
.fyMain{overflow-x:hidden; overflow-y:auto;padding-bottom:40px; padding-top:50px;}
/* foot*/
.footclear{ width:100%; clear:both; margin:0 0 0px 0;height:0px; font-size:0; overflow:hidden;}
.foot{width:100%; min-width:1004px;color:#707070; background:#1a1d22; height:268px;}
.f_link{ width:100%;height:75px;line-height:75px; text-align:center; color:#707070;background:#f5f5f5}
.foot .f_link a{padding-left:20px; color:#707070; }
.bottomnav{width:100%; height:45px; line-height:45px;text-align:center; background:#f16564;}
.foot .bottomnav a{color:#fff;display:inline-block;width: 90px;margin: 0 2px;_display:inline; _zoom:1;}
.bottomnav a:hover{ color:#f16564;background:url(../img/bootnav.gif)  center no-repeat;}

.bootTxt{text-align:center; padding-top:40px; height:80px;line-height:30px;}
.foot a{ color:#707070;  }
.share{width:230px; display:inline-block; margin-top:33px; float:left; margin-left:30px;}
/* 二级页面*/
.fyLeft{ float:left;width:230px;overflow:hidden;}
.l_pro{margin-bottom:38px;}
.proOne{margin-bottom:8px;}
.l_procon{ width:100%; clear:both;}
.proOne a{width:230px; display:block; text-align:center;height:33px;line-height:33px;font-size:14px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;color:#6d6d6d; background:url(../img/l_pro.gif) bottom center  repeat-x;}
.proOne li a.on{background:none; font-weight:bold;color:#6d6d6d; }
.proOne a:hover,.proOne a.cur{color:#fff; background:url(../img/l_pro.gif) top center  repeat-x; }
.proTwo{padding:0px 10px; margin-bottom:-10px; display:block; background:#f7f7f7;}
.proTwo li a{border:0;border-bottom:1px solid #ccc;color:#6d6d6d;height:40px; line-height:40px;width:210px;background:url(../img/protwo.gif) 12px center  no-repeat }
.proTwo li a:hover,.proTwo li a.cur{ background:none; font-weight:bold;color:#6d6d6d;}
.l_news ul{ display:block;float:left;width:230px; padding-bottom:30px;}
.l_news li a{ display:block;height:36px; line-height:36px;width:206px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;background: url(../img/newsico1.gif) 2px center no-repeat;padding-left:24px; color:#707070; }
.l_news li a:hover{ color:#000; background: url(../img/newsico2.gif) 2px center no-repeat; }
.ltitle{ width:230px; height:55px;float:left;font-weight:bold;}
.titlefl{ float:left; width:146px;}
.titlefl span{ color:#1a1d22;font:22px/22px 'Microsoft Yahei';}
.ltitle p{ color:#f16564;  text-transform:uppercase; font:26px /30px 'impact';}
.ltitle a{ color:#fff; background:#1a1d22; width:84px; margin-top:26px; float:right; font:14px/21px '宋体';}
.l_pro .ltitle a{width:58px;}
.l_contact{ clear:both;width:100%; line-height:24px;}
.l_contact .contacttel{ color:#1a1d22;}
.contacttel{ color:#898989; height:74px;font:22px/22px 'Microsoft Yahei';}
.contacttel p{ color:#898989;font:28px/30px 'Impact';}
.contacttel img{ vertical-align:-0.2em; margin-right:3px;}
.lconmore{ background:#1a1d22; line-height:20px;height:20px; display:block; margin-top:5px;}
.lconmore a{background:#e2e2e2; color:#000;line-height:20px; padding:0 3px; float:right;}
/* fyRight*/
.fyRight{ float:right; overflow:hidden;width:705px;}
.title{float:left; height:36px; margin-bottom:20px;width:100%; border-bottom:1px solid #a6a6a6}
.title .fl{color:#24272e;font:22px/26px 'Microsoft Yahei'; padding-left:20px;background:url(../img/titlefl.gif) left top no-repeat;border-bottom:1px solid #ff002a;height:36px; margin-bottom:-1px; position:relative; } 
.titler{ float:right;color:#707070;line-height:22px;font-weight:normal;}
.titler a{color:#707070;}
.titler font{ font-size:12px; color:#707070;}
.membermain{padding-top:20px;}
.padding25{ padding:0 42px 20px;width:620px;word-break:break-all; line-height:30px; font-size:14px;}
.mainr_line{float:left; height:18px; width:99%;background:url(../img/line_s.gif) top left repeat-x;}
/* list*/

.pro_list li{ width:210px; overflow:hidden; text-align:center; height:193px; float:left; margin:0 12px 20px; display:inline;border-bottom:2px solid #07090e; }
.pro_list li a{background:#1a1d22; display:block;float:left;width:210px; }
.pro_list li a:hover{ background:#ef6268;}
.proname{height:35px; color:#fff; line-height:35px;float:left; width:90%; padding:0 5%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.pro_list img{ border:1px solid #ccc; padding:2px; background:#fff;}
.pro_list li a:hover img{  border:1px solid #ef6268;}

.news_list{margin-bottom:20px; float:left; }
.news_list li a{width:665px; padding:0 20px;display:block; line-height:37px; height:37px; font-size:14px; color:#737171;}
.news_list li a:hover{ color:#ef6268;}
.news_list li a .fr{ font-size:12px;}
.news_list li a span{ cursor:pointer; }
.news_list li .fl{width:400px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.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;}
.newseven a{ background:#eee;}
.pro_txtimg{ margin-bottom:20px;width:100%; float:left;}
.pro_txtimg li{margin-bottom:27px; background:#eee;height:159px; width:680px; padding:15px 10px 15px 15px;}
.pro_li_img{float:left; background:#fff;display:inline; margin-bottom:10px;border:1px solid #e5e5e5; padding:4px; width:200px;}
.pro_li_txt{float:right; position:relative; width:460px; color:#696969; line-height:36px; font-size:14px;}
.pro_li_txt p{ font-size:12px; line-height:32px;}
.protitle{ margin-bottom:16px; width:100%; height:32px;background:#1a1d22; font-size:14px;color:#fff; font-weight:bold;}
.protitle .fr{ float:right;width:70px; height:32px;text-align:center; color:#fff; background:#ef6268;font:normal 16px/32px 'Microsoft Yahei';}
.protitle .fl{ color:#fff; font-size:14px; line-height:32px; font-weight:bold;text-overflow:ellipsis; overflow:hidden; white-space:nowrap ;width:70%; display:block; padding-left:10px;}
/*news_view*/
.padding25 h2{ font-size:18px; font-family:'黑体'; font-weight:normal; color:#ff002a;}
.padding25 .center img{ border:1px solid #ccc; margin-bottom:10px; width:auto; max-width:600px;_width:expression(this.width > 600 ? "600px" : this.width);overflow:hidden; }
.newsview{ display:inline;width:615px; padding-top:25px; margin-top:30px;border-top:1px dotted #ff002a;border-bottom:1px dotted #ff002a;margin-bottom:25px; padding-bottom:15px; font-size:14px; line-height:28px; float:left; color:#555;}
.main_r_nav .fl{ width:80%;line-height:35px; padding-top:10px; padding-left:18px; color:#555;}
.main_r_nav .fl a{ float:left; width:100%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.main_r_nav{ float:left; width:100%; border-radius:4px;background:#eee; font-size:12px; }
.returnlist{ float:right;color:#e76b53 ; font-size:12px; }
.main_r_nav a:hover{color:#ef9195 ; }
.title_s{ text-align: center;color: #77787a;font-size: 12px;line-height: 35px;}
/* page*/
.page{margin-top:15px;float:left; width:100%; height:30px; text-align:center; color:#1a1d22;}
.page a { color:#1a1d22; padding:0 5px;}
.page *{ display:inline-block; _zoom:1;_display:inline;vertical-align:middle;line-height:20px;height:20px;padding-bottom:1px; }
.page img{ height:19px;}
.page a:hover {color:#ef6268; }
.page .current {display:inline-block; padding:0 5px; color:#ef6268;line-height:20px;height:20px;}
.total{text-align:center;height:20px; line-height:20px;}
.reach{text-align:left; padding:0 5px; height:20px; line-height:20px;}
.btn{ width:36px;}
.input_page{ width:30px;height:14px; text-align:center; border:1px solid #ef6268; font-size:12px; line-height:14px;}
/* 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(../img/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(../img/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:370px; 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:250px;height:60px; float:left;margin-left: 28%;}
.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;}
.message li p.message_sub button{cursor: pointer;}
.message li .bookbut{ background:#4ab7fe; border:0; font-size:14px; font-weight:bold; color:#fff; line-height:30px;height:30px;}
.c_red{ color:#f00;}
.searchred{ color:#f00 !important; margin:0 !important}

/* 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; background:#333; color:#fff;}
.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; }

/* 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:20px; vertical-align:middle;height:20px; border:1px solid #ccc;}
.hr a{ color:#333;}
.hr a:hover{ color:#de0303;}
.hr_btn{width:100px; height:40px; font-size:12px;}
#hrform{ float:left; width:100%;}


/* pages */
.pages{width:100%;height:28px; margin:14px 0; clear:both;}
.pages ul{float:right; margin:0 15px 0 0; display:inline;}
.pages ul li{float:left;display:inline;margin:0 7px 0 0;font:500 12px/28px "microsoft yahei";color: #1A1D22;width:auto;height:26px;padding: 0px 10px; border: 1px solid #1A1D22;background: #1A1D22;text-align:center;}
.pages ul li a{color:#fff; display:block;width:auto;height:26px;}
.pages ul li.prev{width:64px;height:26px;background: url(../img/prev_page.jpg) 6px center no-repeat #1A1D22;text-indent:13px;border: 1px solid #1A1D22;text-align:left;}
.pages ul li.prevon{width:64px;height:26px;background:url(../img/prev_pageon.jpg) 6px center no-repeat #CDCDCD;text-indent:13px; border:1px solid #CDCDCD; text-align:left;}
.pages ul li.prev a,.pages ul li.next a{display:block;width:64px;height:26px;}
.pages ul li.prevon a,.pages ul li.nexton a{display:block;width:64px;height:26px;color: #FFFFFF;}
.pages ul li.ok a{display:block;width:55px;height:28px;}
.pages ul li.next{width:64px;height:26px;background: url(../img/next_page.jpg) 54px center no-repeat #1A1D22;text-indent:6px;border: 1px solid #1A1D22;text-align:left;}
.pages ul li.nexton{width:64px;height:26px;background:url(../img/next_pageon.jpg) 54px center no-repeat #CDCDCD;text-indent:6px; border:1px solid #CDCDCD; text-align:left;}
.pages ul li.clickli{background: #CDCDCD;border: 1px solid #CDCDCD;}
.pages ul li.clickli a{color: #FFFFFF;}
.pages ul li.dot{border:0; background:none;color:#64728f;}
.pages ul li.allpage{width:136px;border:0;background:none;}
.allpage input{width:26px;height:26px;border:1px solid #76a533;text-align:center;background:#76a533; margin:0 5px;color:#fff;font:12px/26px "microsoft yahei";}
.pages ul li.ok{background:#76a533;width:53px;height:26px;float:left;border:1px solid #76a533}
.pages ul li.ok a{color:#fff}