@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote 
{ margin: 0; padding: 0; font-size: 12px;_background-image:url(about:blank);_background-attachment:fixed;}
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;display:block}
.clear { clear:both;}
a{text-decoration:none;outline:0;}
center{padding:20px 0;}
/* 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;}
.book{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.book:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 -53px no-repeat;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 -158px no-repeat;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;}
/* top */
body{overflow-x:hidden;width:100%;background:#eff4f4;}
.topbg{width:100%;height:102px;background:url(../images/topborder.jpg) 0 bottom repeat-x #fff;}
.top{width:980px;height:102px;margin:0 auto;overflow:hidden}
.logo{float:left;margin-top:44px;}
.toptel{float:right;margin-top:43px}
.nav_bg{width:100%;height:70px;background:url(../images/bg.jpg) 0 0 repeat;}
.nav{width:980px;height:46px;padding-top:24px;margin:0 auto;}
.nav a{display:block;float:left;width:88px;height:30px;text-align:center;font:14px/30px "simsun";color:#333;}
.nav a:hover,.nav a.hover{background:url(../images/hover.jpg) 0 0 no-repeat;color:#fff}
.nav span{float:left;margin:0;font:14px/30px "simsun";color:#b1b1b1;}
#wowslider-container1 .ws_bullets {bottom: 0; right: 0;}
#wowslider-container1 {margin: 0px auto; width:1600px; height: 370px; overflow: hidden; position: relative; z-index: 100; zoom: 1;}
#wowslider-container1 .ws_shadow {left: 0px; width: 100%; height: 30px; bottom: -30px; position: absolute; z-index: -1;}
#wowslider-container1 .ws_images {left: 0px; top: 0px; width: 1600px; height: 370px; overflow: hidden; position: absolute;}
#wowslider-container1 .ws_images a {color: transparent;}
#wowslider-container1 .ws_images img {border: 0; left: 0px; top: 0px;}
#wowslider-container1 a {text-decoration: none;}
#wowslider-container1 .ws_bullets {padding: 130px 130px 10px 130px; font-size: 0px; float: left; position: absolute; z-index: 70;}
#wowslider-container1 .ws_bullets div {float: left; position: relative;}
#wowslider-container1 .ws_bullets a {background:#d0d0d0; width: 67px; height: 7px; text-indent: -1000px; margin-left: 3px; float: left; position: relative;font-size:0}
#wowslider-container1 .ws_bullets a.ws_selbull {background:#2a6444}
#wowslider-container1 .ws_bullets a:hover {background-position: right 50%;}
#wowslider-container1 a.ws_next {top: 50%; width: 42px; height: 42px; margin-top: -28px; display: none; position: absolute; z-index: 60;background:url(../images/rightbtn.png) 0 0 no-repeat;}
#wowslider-container1 a.ws_prev {top: 50%; width: 42px; height: 42px; margin-top: -28px; display: none; position: absolute; z-index: 60;background:url(../images/leftbtn.png) 0 0 no-repeat;}
#wowslider-container1 a.ws_next {right: 80px;}
#wowslider-container1 a.ws_prev {left: 80px;}
#wowslider-container1 a.ws_next:hover {background-position: 100% 100%;}
#wowslider-container1 a.ws_prev:hover {background-position: 0px 100%;}
* html #wowslider-container1 a.ws_next {display: block;}
* html #wowslider-container1 a.ws_prev {display: block;}
#wowslider-container1:hover a.ws_next {display: block;}
#wowslider-container1:hover a.ws_prev {display: block;}
#wowslider-container1 .ws-title {background: rgb(0, 0, 0); padding: 12px; left: 0px; bottom: 50px; color: rgb(249, 251, 251); text-transform: uppercase; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 18px; margin-right: 5px; position: absolute; z-index: 50;}
#wowslider-container1 .ws-title div {text-transform: none; padding-top: 5px; font-size: 13px;}
#wowslider-container1 .ws_bullets a img {border: 5px solid rgb(255, 255, 255); left: -120px; top: 16px; text-indent: 0px; display: block; visibility: hidden; position: absolute; box-shadow: 0px 0px 5px #999999; -moz-box-shadow: 0 0 5px #999999;}
#wowslider-container1 .ws_bullets a:hover img {visibility: visible;}
#wowslider-container1 .ws_bulframe div div {height: 90px; overflow: visible; position: relative;}
#wowslider-container1 .ws_bulframe div {left: 0; width: 298px; overflow: hidden; position: relative;}
#wowslider-container1 .ws_bullets .ws_bulframe {border: 5px solid rgb(255, 255, 255); bottom: 20px; overflow: visible; display: none; position: absolute; cursor: pointer; box-shadow: 0px 0px 5px #999999; -moz-box-shadow: 0 0 5px #999999;}
#wowslider-container1 .ws_bulframe span {left: 120px; top: -11px; width: 15px; height: 6px; margin-left: -9px; display: block; position: absolute;}
.class_bg{width:100%;background:url(../images/bg.jpg) 0 0 repeat;height:177px;border-bottom:1px dotted #bbb}
.class{width:980px;height:177px;margin:0 auto;overflow:hidden;}
.class li{width:243px;float:left;height:177px;border-right:1px dotted #bbb}
.class_img{display:block;width:117px;height:117px;padding:8px;border-radius:117px;margin:6px auto 0;overflow:hidden;position: relative;z-index:1;background:#fff;}
.class_img img{border-radius:117px;}
.class_img:hover{background:#e4e4e4}
.class li p{width:100%;text-align:center;font:14px/32px "simsun";}
.class li p a{color:#333}
/* marquee */
.marquee_bg{width:100%;height:56px;border-bottom:1px dotted #bbb;overflow:hidden}
.marquee{width:980px;height:56px;margin:0 auto;overflow:hidden;}
.mar_left{float:left;width:642px;height:56px;background:url(../images/notice.jpg) 16px center no-repeat;text-indent:42px;}
.mar_left span{float:left;font:12px/56px "simsun";color:#333;}
.mar_left marquee{float:left;font:12px/56px "simsun";color:#333;width:530px;}
.search{width:337px;height:25px;float:left;margin:17px 0 0 0;}
.text{width:210px;float:left;font:12px/25px 'simsun';color:#fff;text-indent:21px;height:25px;border:0;*height:25px;background:url(../images/text.jpg) 0 0 no-repeat;margin-right:5px;}
.select{float:left;width:93px;border:0;background:url(../images/select.jpg) 0 0 no-repeat;margin-right:5px}
.btn{float:left;background:url(../images/button.jpg) no-repeat center center;width:24px;height:24px;border:0;cursor:pointer;margin-top:1px}
.select select{margin:5px auto;width:93px;}
.searchBar span{ float:right; margin-top:6px;}
.searchBar span a{ color:#666; margin-right:8px;}
.searchBar span a:hover{ color:#ef9b11;}
.searchBar .select {float:left; margin-top:1px; display:inline; margin-right:8px;}
.searchBar .text {float:left;}
.searchBar .text input{width:302px; padding-top:3px; height:17px; border:1px solid #b7d1eb;}
div.selectbox-wrapper{overflow:hidden;width:77px;margin-left:9px;position: absolute;text-align:left;*margin-top:0;z-index:11;background:#01a1e9;border-top:1px solid #fff;}
div.selectbox-wrapper ul li.selected {background-color: #0184bf;}
div.selectbox-wrapper ul li.current {color: #fff;background-color:#36c}
div.selectbox-wrapper ul li {text-align:center;padding-right:3px;padding-bottom:3px;width:77px;cursor:pointer;line-height:20px;padding-top: 3px;font-size:12px;font-family:'simsun';color:#fff;}
.selectbox{border:none;display:block;width:93px;background:none;text-indent:15px;cursor:pointer;height:25px;font-size:12px;font-family:'simsun';color:#fff;line-height:25px;}
/* con1 */
.con1{width:980px;height:432px;margin:20px auto 0;overflow:hidden;}
.con1_title{width:100%;height:102px;background:url(../images/border1.jpg) 0 69px repeat-x;overflow:hidden}
.title_name{float:left;}
.word{float:left;margin:47px 0 0 9px;}
.more{float:right;margin-top:57px;}
.focus{ position:relative; width:382px; height:285px; background-color: #fff; float: left;border:1px solid #dadedf;padding:2px;margin-top:18px;}
.focus img{ width: 382px; height: 285px;}
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}
.focus .fPic{ position:absolute; left:2px; top:2px; }
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;display:none}
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:30px; line-height: 30px; background:rgba(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:center; }
.focus .shadow a{ text-decoration:none; color:#fff; font-size:14px; overflow:hidden;display:block;width:300px;margin:0 auto; font-family: "simsun";}
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }
.focus .fcon img{ display:block; }
.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}
.focus .D1fBt img{display:none}
.focus .D1fBt i{display:none; font-style:normal; }
.focus .prev,.focus .next{position:absolute;width:26px;height:26px;bottom:4px;z-index:999}
.focus .prev{left: 12px;background:url(../images/prev.png) 0 0 no-repeat; cursor:pointer; }
.focus .next{right: 12px;background:url(../images/next.png) 0 0 no-repeat;  cursor:pointer;}
.con1_btn{float:left;width:592px;height:18px;position: relative;}
#lbtn{position: absolute;right:25px;bottom:7px;cursor: pointer}
#rbtn{position: absolute;right:0;bottom:7px;cursor: pointer}
.con1_imgs{float:left;width:580px;padding-left:12px;height:295px;overflow:hidden;position: relative}
.con1_imgs ul{width:594px;height:306px;overflow:hidden;float:left;}
.con1_imgs ul li{width:198px;height:153px;float:left;overflow:hidden}
.con1_imgs ul li a{display:block;width:178px;height:132px;border:1px solid #e0e4e4;padding:2px;background:#fff;position:relative;overflow:hidden;}
.black_bg{position: absolute;width:178px;height:24px;left:2px;bottom:2px;background:#000;filter:alpha(opacity=50);opacity: 0.5;z-index:2;}
.con1_img_title{position: absolute;width:178px;height:24px;left:2px;bottom:2px;text-align:center;z-index:3;font:12px/24px "simsun";color:#fff;}
/* con2 */
.con2{width:980px;height:376px;margin:0 auto;overflow:hidden}
.con2_about{float:left;height:376px;width:407px;overflow:hidden;}
.con2_title{width:100%;height:102px;overflow:hidden;background:url(../images/border1.jpg) 0 69px repeat-x;}
.about_border{width:405px;height:231px;border:1px solid #dadedf;margin-top:18px;}
.about_con{width:401px;height:227px;border:2px solid #fff;background:#f4f4f4;}
.about_title1,.about_title2{width:367px;height:31px;border:5px solid #9adaf8;background:url(../images/icons1.jpg) 334px center no-repeat #01a1e9;margin:16px auto 0;font:12px/31px "simsun";color:#fff;text-indent:26px;cursor: pointer}
.about_con1,.about_con2{width:367px;margin:0 auto;font:12px/27px "simsun";color:#333;height:108px;overflow:hidden;}
.about_con2{display:none}
.about_title2{margin-top:8px;}
.title_now{background:url(../images/icons2.jpg) 334px center no-repeat #01a1e9;}
.con2_news{float:left;width:525px;height:376px;padding-left:46px;overflow:hidden}
.news_class{float:right;font:12px/20px "simsun";color:#333;margin-top:48px;height:20px;overflow:hidden;padding-right:2px;}
.news_class a{color:#333;}
.news_class span{margin:0 12px;}
.news_btns{width:525px;height:17px;position:relative;}
#ubtn{position: absolute;right:25px;bottom:8px;cursor: pointer}
#dbtn{position: absolute;right:0;bottom:8px;cursor: pointer}
.news_border{width:523px;height:231px;border:1px solid #dadedf;}
.news_border ul{width:519px;height:225px;padding-top:2px;border:2px solid #fff;background:#f4f4f4;overflow:hidden;}
.news_border ul li{width:488px;height:93px;border:1px dashed #c8c8c8;overflow:hidden;margin:12px auto 0;}
.news_date{float:left;width:83px;height:60px;background:#01a1e9;border:6px solid #9adaf8;text-align:center;margin:11px 16px 0 12px;}
.news_date span{font:700 36px/40px "microsoft yahei";color:#fff;}
.news_date p{width:100%;text-align:center;font:12px/18px "simsun";color:#fff;}
.news_title{float:left;height:34px;width:350px;overflow:hidden;font:14px/34px "simsun";color:#333;margin-top:11px;}
.news_title a{color:#333;}
.news_con{float:left;width:350px;height:38px;overflow:hidden;font:12px/19px "simsun";color:#9a9a9a;}
/* con3 */
.con3{width:980px;height:310px;margin:0 auto;overflow:hidden;}
.con3_title,.con4_title,.con5_title{width:100%;height:102px;overflow:hidden;background:url(../images/border1.jpg) 0 69px repeat-x;}
.con3_list{width:990px;height:176px;overflow:hidden;margin-top:16px;}
.con3_list li{width:198px;height:176px;float:left;}
.case_pic{display:block;width:180px;height:134px;border:1px solid #e0e4e4;padding:2px;}
.con3_list li p{width:186px;height:34px;font:12px/34px "simsun";color:#333;overflow:hidden;text-align:center}
.con3_list li p a{color:#333;}
/* con4 */
.con4{width:980px;height:316px;margin:0 auto;overflow:hidden;}
.con4_left{float:left;width:407px;height:316px;overflow:hidden;}
.con4_contact{width:407px;height:176px;background:url(../images/contactbg.jpg) 221px 20px no-repeat;margin-top:18px}
.con4_tel{width:268px;height:26px;background:#01a1e9;font:700 18px/26px "microsoft yahei";color:#fff;text-indent:10px;margin-bottom:12px;}
.con4_tel span{font:700 19px/26px "microsoft yahei"}
.con4_con{width:212px;height:124px;overflow:hidden;font:12px/31px "simsun";color:#333;}
.con4_right{float:left;width:526px;padding-left:46px;height:316px;overflow:hidden}
.con4_step{width:526px;height:106px;margin-top:44px;overflow:hidden;}
.step{float:left;background:url(../images/step_bg.jpg) 0 0 no-repeat;width:105px;height:105px;text-align:center;font:700 14px/105px "microsoft yahei";color:#fff;}
.step_ico{float:left;width:35px;height:105px;background:url(../images/step_ico.jpg) center center no-repeat;}
/* foot */
.foot_bg{width:100%;height:222px;background:url(../images/footbg.jpg) 0 0 repeat;}
.foot_border{width:100%;background:url(../images/footborder.jpg) 0 0  repeat-x;height:8px}
.foot{width:980px;height:214px;margin:0 auto;overflow:hidden;}
.foot_left{float:left;width:720px;height:150px;margin-top:44px;_width:710px}
.foot_nav{width:720px;height:28px;margin-top:30px;font:12px/28px "simsun";color:#7f7f7f;}
.foot_nav a{color:#7f7f7f}
.foot_nav span{margin:0 4px;}
.foot_icp{width:100%;font:12px/28px "simsun";color:#7f7f7f;}
.foot_icp span{margin:0 32px 0 0;}
.foot_icp a{color:#7f7f7f;}
.foot_right{float:right;width:259px;height:150px;margin-top:44px;overflow:hidden;_width:260px;}
.foot_right div{float:left;width:118px;height:140px;padding-top:56px;font:12px/20px "microsoft yahei";color:#fff;text-align:right;padding-right:6px;}
.foot_right div img{margin-top:4px;}
.foot_right img{float:left;}
/* subpage */
.subpage{width:980px;margin:22px auto;overflow:hidden;}
.left{float:left;width:232px;overflow:hidden;}
.left_title1{position:relative;background:url(../images/lefttitle1.jpg) 0 0 no-repeat;width:232px;height:63px;margin-bottom:8px;}
.left_title1 span,.left_title2 span{display:block;width:164px;font:18px/1 "microsoft yahei";color:#383838;overflow:hidden;height:20px;right:0;top:20px;position: absolute}
.left_title1 p,.left_title2 p{width:164px;text-align:center;font:14px/14px "arial";text-transform: uppercase;position: absolute;overflow:hidden;right:0;top:41px;color:#fff;}
.left_nav{width:230px;height:auto;overflow:hidden;margin-bottom:32px;padding-left:2px;}
.left_nav li a{display:block;width:222px;height:27px;background:url(../images/leftico3.jpg) 171px center no-repeat #01a1e9;border:4px solid #97daf8;margin-bottom:5px;font:12px/27px "simsun";color:#fff;text-indent:23px;}
.left_nav li li a{display:block;width:215px;height:36px;background:url(../images/leftico2.jpg) 169px center no-repeat;font:12px/36px "simsun";color:#333;text-indent:21px;margin:0 auto;border:0;border-bottom:1px dotted #ddd;}
.left_nav li ul{padding:0 0 12px;display:none}
.left_nav li a.on{background:url(../images/leftico1.jpg) 171px center no-repeat #01a1e9;}
.left_title2{position:relative;background:url(../images/lefttitle2.jpg) 0 0 no-repeat;width:232px;height:63px;margin-bottom:8px;}
.left_title2 a{position: absolute;right:0;font:12px/1 "simsun";color:#666;bottom:25px;}
.left_news{width:230px;padding-left:2px;height:auto;overflow:hidden;margin-bottom: 32px}
.left_news li a{display:block;width:228px;height:27px;border:1px dotted #ddd;font:12px/27px "simsun";color:#333;text-indent:13px;overflow:hidden;margin-bottom:7px;}
.left_news li a:hover{display:block;width:222px;height:21px;border:4px solid #97daf8;font:12px/21px "simsun";color:#fff;text-indent:10px;overflow:hidden;margin-bottom:7px;background:#01a1e9}
.left_title3{position:relative;background:url(../images/lefttitle3.jpg) 0 0 no-repeat;width:232px;height:59px;margin-bottom:8px;}
.left_title3 span{display:block;width:164px;font:18px/1 "microsoft yahei";color:#383838;overflow:hidden;height:20px;right:0;top:11px;position: absolute}
.left_title3 p{width:164px;text-align:center;font:14px/14px "arial";text-transform: uppercase;position: absolute;overflow:hidden;right:0;top:31px;color:#fff;}
.left_title3 a{position: absolute;right:0;font:12px/1 "simsun";color:#666;bottom:30px;}
.left_contact p{width:204px;padding-left:28px;font:12px/31px "simsun";color:#333;}
.left_contact p.left_address{background:url(../images/address.jpg) 4px center no-repeat}
.left_contact p.left_tel{background:url(../images/tel.jpg) 4px center no-repeat}
.left_contact p.left_fax{background:url(../images/fax.jpg) 4px center no-repeat}
.left_contact p.left_mail{background:url(../images/mail.jpg) 3px center no-repeat}
.left_contact{margin-bottom:30px}
.right{float:left;width:699px;padding-left:48px;overflow:hidden;}
.right_title{width:100%;height:30px;padding-top:16px;border-bottom:1px dotted #bbb;overflow:hidden;}
.right_name{float:left;font:18px/30px "microsoft yahei";color:#383838;background:url(../images/righttitle.jpg) right center no-repeat;padding-right:12px;}
.right_title p{float:right;font:12px/30px "simsun";color:#666;}
.right_title p a{color:#666;}
.right_con{width:100%;overflow:hidden;font:14px/30px "simsun";color:#666;padding:12px 0}
/* news */
.news{width:100%;height:auto;overflow:hidden;}
.news li{width:100%;height:34px;border-bottom:1px dotted #3f3f3f;overflow:hidden;background:url(../images/icons3.jpg) 10px center no-repeat;text-indent:28px;font:12px/34px "simsun";color:#666}
.news li a{float:left;color:#333;}
.news li a:hover{color:#01a1e9;font-weight:bold}
.news li span{float:right}
.news li.none{margin-bottom:20px}
/* pages */
.page_number{float:left;width:77px;border:0;background:url(../images/pagenumber.jpg) 0 0 no-repeat;height:20px;font:12px/20px "simsun";color:#2d2d2d;}
.page_number input.selectbox{width:77px;height:20px;color:#2d2d2d;text-indent:5px;line-height:20px}
.page_number div.selectbox-wrapper{margin-left:0}
.pages{width:100%;height:20px;font:12px/20px "simsun";color:#666;padding:20px 0 20px 140px;}
.pages span,.pages a{float:left;margin:0 6px;color:#666}
/* product */
.product{width:702px;overflow:hidden}
.product li{width:234px;height:192px;float:left;overflow: hidden;}
.product li a{display:block;width:221px;height:164px;border:1px solid #c3c7c7;background:#fff;padding:3px;position: relative;}
.pro_color{position: absolute;display:block;width:221px;height:24px;background:#000;font:12px/24px "simsun";color:#fff;text-align:center;overflow:hidden;left:3px;bottom:3px;filter:alpha(opacity="50");opacity:0.5;z-index:1;}
.pro_font{position: absolute;display:block;width:221px;height:24px;font:12px/24px "simsun";color:#fff;text-align:center;overflow:hidden;left:3px;bottom:3px;z-index:2;}
.product li a:hover span.pro_color{background:#01a1e9;filter:alpha(opacity="100");opacity:1}
/* case */
.case{width:100%;overflow:hidden;padding-bottom:15px;}
.case li{width:100%;border-bottom:1px dotted #3f3f3f;height:108px;padding-top:14px}
.case_img{display:block;width:137px;height:101px;border:1px solid #c3c7c7;padding:3px;background:#fff;float:left}
.case li p{float:left;width:518px;height:28px;padding-top:16px;overflow:hidden;font:12px/28px "simsun";color:#666;padding-left:16px}
.case li p a{float:left;color:#333;}
.case li p a:hover{color:#01a1e9;font-weight: bold}
.case li p span{float:right}
.case li div{float:left;margin-top:6px;height:40px;font:12px/20px "simsun";color:#757575;overflow:hidden;width:518px;padding-left:16px}
/* hr */
.hr{ margin:10px auto; width:100%;font-size:12px;line-height:24px; border:1px #CCC solid; background-color:#fff;}
.hr td{ border:1px #CCC solid;}
.hr a{ color:#333;}
.hr a:hover{ color:#de0303;}
.hr_btn{width:100px; height:40px; font-size:12px;}
/* book*/
.bookmain{width:650px;padding:0 10px;height:auto;font: 14px/30px 'microsoft yahei';color: #185e0b;margin:0 auto;background:#fff}
.bookmain div{font-size:12px}
.bookline{width: 650px; height:34px;background-image: url(../images/about_box_line.jpg); background-repeat:repeat-x; background-position: 0 0; margin:0 auto;margin-top:10px;}
.book3{ width:550px; margin:0 auto;}
.booktop{ width:650px; height:30px; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; margin-top:20px;}
.booktop_name{ width:570px; height:30px; float:left; color:rgb(30,54,1); padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:rgb(30,54,1); text-align:right; line-height:30px;}
.bookcontent{ width:628px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #d6deef; background:url(../images/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:628px; min-height:30px; 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);}
.messagecol{ color:rgb(30,54,1);}
.admincol{ color:rgb(30,54,1); font-weight:bold;}
.admintimecol{ color:rgb(30,54,1); float:right; *margin-top:-17px;}
.message{ width:500px; height:auto;float:left;padding-left:50px; color:rgb(30,54,1);}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px;}
.message li input{ height:15px; line-height:15px; width:150px;}
.message li p.message_title{ width:100px; height:25px; float:left; text-align:right; font-size:12px;}
.message li p.message_content{ width:400px;float:left;}
.message li.contentb{ width:500px;height:150px; float:left;}
.message li.contentb textarea{ width:370px; height:120px;}
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; float:left;}
.message li p.message_yzminput input{ width:70px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub{ width:200px; height:40px; float:left;}
.tab2{background:#fff; width:100%; margin-top:5px; border:1px solid #e1e0e1;}
.blank{width:100%; height:20px; margin-bottom:5px;}
/* view */
.view{width:700px;margin:10px auto;overflow:hidden}
.view h1{width:100%;font:700 24px/40px '微软雅黑';text-align:center;color:#1b1b1b;}
.datetime{width:100%;font:12px/14px '宋体';text-align:center;color:#9b9b9b;}
.border2{width:100%;height:0;overflow:hidden;border-top:1px dashed #d5d5d5;margin:12px 0;}
.pageleft{float:left;font:12px/32px '宋体';color:#999;display:block;width:500px;text-indent:15px;}
.pageleft a{color:#999;}
.page{width:100%;height:76px;}
.back{float:right;font:700 12px/12px '宋体';color:#999;}


/* 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;}
.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}