@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; }
input{ outline:none;}
.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(../images/fixed.jpg) 0 0 no-repeat; }
.barbook:hover { background-position: -54px 0; }
.fixed a.codepic { background: url(../images/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(../images/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: 63px; padding-top: 25px; background: #fff; }
.logo { float: left; display: inline; }
.tel { float: right; padding-/right:45px;
font-family: 'Microsoft Yahei'; }
.tel span { display: block; font-size: 12px; font-family: 'Arial'; font-size: 14px; text-align: right; color: #4e6990; text-transform: uppercase; }
.tel p { color: #d40000; line-height: 1; font-family: "Arial"; font-size: 16PX; }


.main_content { padding: 0px 0px 0px 0px; width: 1004px; margin: 0 auto; position: relative; zoom: 1; min-height: 429px; _height: 429px; }
.nf_hp_kv { height: 429px; margin: 0 -500px; position: relative; width: 2000px; }
.nf_hp_kv .window { height: 394px;  overfl/ow: hidden;
position: relative; width: 2000px; }
.nf_hp_kv .window .kv_item { height: 394px; overflow: hidden; padding: 0 500px; position: absolute; width: 1004px; z-index: 0; }
.nf_hp_kv .nav { width: 100%; display: block; text-align: center; height: 5px; left: 1.3%; position: absolute; bottom: 10px; z-index: 10; }
.nf_hp_kv .nav li { margin-right: 12px; display: inline-block;  f/loat: left;
height: 5px; width: 80px; }
.nf_hp_kv .nav li a { background: #4e6990; display: inline; float: left; height: 0; overflow: hidden; padding-top: 5px; width: 80px; }
.nf_hp_kv .nav li.active a, .nf_hp_kv .nav li a:hover { width: 80px; background: #d40000; }
.nf_hp_kv .btn_prev, .nf_hp_kv .btn_next { height: 88px; overflow: hidden; position: absolute; top: 130px; width: 46px; }
.nf_hp_kv .btn_prev { left: 480px; }
.nf_hp_kv .btn_next { right: 480px; }
.nf_hp_kv .btn_prev a { background-image: url(../images/jt1.png); display: block; height: 88px; overflow: hidden; padding-top: 0px; width: 46px; }
.nf_hp_kv .btn_next a { background-image: url(../images/jt2.png); display: block; height: 88px; overflow: hidden; padding-top: 0; width: 46px; }
.nf_width_control { width: 100%; overflow: hidden; min-width: 1000px; zoom: 1; position: relative; }
.nf_hp_kv .imgg { width: 1002px; height: 104px; left: 25%; position: absolute; top: 0px; z-index: 10; }



.menu { width: 100%; height: 65px; background: #d40000; }
.menu ul { width: 980px; margin: 0 auto; }
.menu li { float: left; display: inline; text-align: center; width: 108px; }
.menu li a { display: block; width: 100%; text-align: center; color: #FFF; font: 14px/65px 'Microsoft Yahei' }
.menu a:hover, .menu a.cur {
font-weig/ht:bold; background: #000; color: #fff; }
.menu li .nav a { float: left; color: #000; width: 100%; border-top: 1px solid #000; text-align: center; line-height: 65px; background: #ffe410 }
.menu .nav a:hover, .menu .nav a.cur { height: 65px; line-height: 65px; padding: 0; margin: 0; background: #ffe410 }
.vbanner { height: 279px; width: 100%; min-width: 980px; background: url(../images/vbanner.jpg) top center no-repeat }
.vbody #full-screen-slider { height: 279px; overflow: hidden; }
#full-screen-slider { width: 100%; z-index: 0; height: 389px; position: relative }
#slides { display: block; width: 100%; height: 389px; list-style: none; padding: 0; margin: 0; position: relative }
#slides li { display: block; width: 100%; height: 100%; 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%; bottom: 52px; z-index: 9900; padding: 5px 15px 5px 0; margin: 0 }
#pagination li { display: block; list-style: none; width: 24px; height: 5px; font-size: 1px; overflow: hidden; float: left; margin-left: 1px; }
#pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }
#pagination li.current { }
.daohang { position: absolute; width: 148px; height: 478px; background: url(../images/bannerbg1.png) left top no-repeat; left: 20px; top: 0; z-index: 999; }
.daohang ul { float: left; width: 131px; height: 341px; padding: 87px 0 0 4px; }
.daohang ul li { float: left; width: 126px; height: 39px; border-bottom: 1px dotted #a7a6ad; }
.daohang ul li a { float: left; width: 126px; height: 39px; text-align: center; line-height: 39px; color: #934e32; font-size: 14px; font-family: 微软雅黑; }
/* index*/
.q_banfra { width: 100%; position: relative; }
.q_banyin { z-index: 999; position: absolute; top: 0; width: 100%; background: url(../images/bannerbg.png) left top repeat-x; left: 0; height: 27px; }
/*notice*/
.notice { width: 100%; position: relative; z-index: 99; height: 30px; background: #000; line-height: 30px; }
.noticecon { width: 700px; float: left; }
.noticecon b { float: left; font-family: '宋体'; font-size: 12px; font-weight: normal; color: #fff; padding-left: 10px; }
.noticecon marquee { float: left; width: 550px; color: #fff; font-size: 12px; font-family: '宋体' }
.search { position: relative; fl/oat:right;
width: 254px; z-index: 999; height: 30px; display: inline-block; line-height: 30px; margin-top: 14px; padding-right: 10px; background: url(../images/inpfra.png) left top no-repeat; }
.text { float: left; width: 200px; display: inline; padding-left: 5px; color: #4e6990; height: 28px; line-height: 28px; margin: 1px 0; margin-left: 13px; border: 0; }
.button { float: left; width: 27px; margin-left: 5px; height: 26px; display: inline; background: url(../images/button.gif) left top no-repeat; border: 0; margin-top: 5px; }
.select { float: left; width: 88px; color: #9296a2; margin-left: 6px; display: inline; height: 25px; line-height: 25px; background: url(../images/select.gif) left top no-repeat; position: relative }
.select select { margin: 5px auto; width: 88px; }
div.selectbox-wrapper { border: #dcdcdc 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: #45030f; color: #fff; }
div.selectbox-wrapper ul li.current { color: #fff; background-color: #45030f }
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: #9296a2; line-height: 25px; }
.lv_ful { float: left; width: 182px; padding: 0 0 0 14px; }
.lv_ful li { float: left; width: 182px; padding: 20px 0 0 0; }
.lv_ful li a.a1 { float: left; width: 182px; color: #fff; border-bottom: 1px solid #787269; height: 24px; line-height: 24px; overflow: hidden; }
.lv_ful li a.a2 { padding: 5px 0 0 0; float: left; width: 182px; color: #898681; height: 32px; line-height: 16px; overflow: hidden; }
.lv_ful li a.a1:hover { color: #fff; }
.lv_ful li a.a2:hover { color: #898681; }
.lv_fmore { float: left; width: 180px; line-height: 43px; height: 43px; background: url(../images/lv_bu.png) left top no-repeat; font-size: 18px; color: #45030f; font-family: 微软雅黑; text-align: center; display: inline; margin: 21px 0 0 14px; }
a.lv_fmore:hover { color: #45030f; }
.case { padding-top: 36px; width: 100%; position: relative; z-index: 0; height: 522px; background: #f3f3f3; }
.case .ititle { border-bottom: 1px solid #2f2f2f; }
.case .ititle font { color: #fff; }
.lv_mmtopc { width: 980px; margin: 0 auto; height: 51px; padding: 0 0 0px 0; text-align: center; }
#case { width: 990px; float: left; padding-bottom: 58px; }
#case li { position: relative; margin: 0 1px 1px 0; float: left; }
#case li img { display: block; }
.casetitle { position: absolute; width: 245px; height: 118px; padding-top: 66px; text-align: center; color: #fff;/* background:rgba(0,0,0,0.5);*/ background: url(../images/gray.png) top center repeat; _background: none; _background: #000; _filter: alpha(opacity=50); }
.viewbut { width: 40px; height: 40px; float: left; display: inline; background: url(../images/view.png) top center no-repeat; margin: 0 15px 0 76px; }
.zoombut { width: 40px; height: 40px; float: left; display: inline; background: url(../images/zoom.png) top center no-repeat; }
.case_t { width: 245px; text-align: center; color: #fff; float: left; padding-top: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: 'Microsoft Yahei'; font-size: 15px; }
.main { width: 980px; margin: 0 auto; overflow: hidden; position: relative; }
.fyMain { margin-top: 15px; margin-b/ottom:40px;
width: 100%; background: #f3f3f3; padding: 30px 0 0 0; }
.pro .proimg { width: 178px; height: 241px; float: left; border: 4px solid #fff; overflow: hidden; }
.pro li { float: left; width: 187px; margin-left: 20px; overflow: hidden; position: relative; }
.casename { height: 30px; width: 187px; padding: 0 0px; float: left; color: #3f2110; font-family: '宋体'; line-height: 30px; font-weight: bold; }
.casename a { color: #3f2110; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; text-align: center; }
/* 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: #fff;  overflow: hidden; background: #000 }
.fmain { width: 900px; margin: 0 auto; text-align: center; }
.f_link { width: 100%; height: 41px; overflow: hidden; line-height: 41px; color: #4e6990; background: #fff }
.f_link .main { position: relative; z-index: 999; text-align: center; }
.f_link a { padding-left: 20px; color: #4e6990; }
.f_link span { padding-left: 50px; }
.bottomnav { width: 100%; height: 30px; line-height: 30px; border-bottom: 1px solid #282828; padding-top: 29px; text-align: center; }
.bottomnav a { height: 45px; overflow: hidden; display: inline-block; width: 90px; margin: 0 5px; _display: inline; _zoom: 1; }
.bootTxt { float: left; width: 100%; padding: 40px 0 0px; line-height: 30px; }
.bootTxt .fl {  width: 100%; text-align: center; color: #707070; }
.bootTxt .fl a { color: #707070; }
.bootTxt .fl a:hover { color: #707070; }
.foot a { color: #fff; }
.share { width: 138px; margin: 0 auto; padding: 10px 0 20px 0; }
/* 二级页面*/
.fy { margin: 0 auto; width: 980px; padding-bottom: 0px; overflow: hidden; }
.title { width: 980px; line-height: 38px; height: 38px; position: relative; margin-bottom: 20px; }
.title .fl { float: left; height: 21px; color: #45030f; font-size: 24px; font-family: 'Microsoft Yahei'; }
.title .fr, .title .fr a { color: #9d9d9d; font-size: 14px; }
.title .fr { margin-right: 8px; font-family: ' 宋体'; }
.title .fr font { font-size: 14px; }
.fyLeft { float: left; width: 235px; margin-top: 20px; overflow: hidden; margin-bottom: 20px; margin-left: 5px; }
.l_procon { float: left; width: 232px; }
.l_news { float: left; width: 240px; padding-bottom: 30px; }
.l_news_t { border-bottom: 1px solid #ededed; height: 25px; color: #70b80c; width: 100%; }
.l_news_t .fl { font: 20px/1 'Microsoft Yahei'; padding-left: 3px; border-left: 3px solid #70b80c; margin-left: 9px; }
.l_news_t a { background: #a9d46d; width: 34px; height: 22px; line-height: 22px; text-align: center; color: #fff; float: right; }
.l_pro { float: left; width: 240px; font-family: 'Microsoft Yahei'; padding-bottom: 30px; }
.l_pro_t { font-family: 'Microsoft Yahei'; font-size: 18px; width: 234px; height: 38px; color: #000000; line-height: 38px; border: 1px solid #cecece; border-left: 0; float: left; display: inline; margin-bottom: 12px; }
.l_pro_t label { height: 38px; border-left: 5px solid #a27760; float: left; padding-left: 7px; }
.proOne { width: 100%; float: left; overflow: hidden; }
.proOne a { font-family: 'Microsoft Yahei'; width: 204px; border-bottom: 1px solid #ceccbe; padding-left: 30px; color: #2e2e2e; line-height: 40px; float: left; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: url(../images/l_pro.gif) no-repeat 18px center; }
.proTwo { float: left; width: 190px; line-height: 25px; overflow: hidden; padding-left: 45px; padding-top: 10px; }
.proTwo li { float: left; width: 100%; }
.proOne a:hover { color: #900005 }
.proTwo li a { float: left; border-bottom: 0; font-family: 'Microsoft Yahei'; font-size: 14px; background: none; color: #2e2e2e; line-height: 25px; width: 190px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 0; }
.proTwo li a:hover { float: left; color: #900005 }
.l_contact { float: left; width: 230px; font-family: 'Microsoft Yahei'; font-size: 14px; }
.l_contactcon { float: left; padding: 10px 0 20px; padding-left: 20px; width: 213px; background: url(../images/l_contact.jpg) no-repeat top left; }
.l_tel { width: 212px; margin-top: 13px; float: left; padding-left: 18px; background: #70b80c; font-size: 16px; color: #fff; line-height: 28px; height: 28px; }
.l_contactcon font { color: #70b80c; font: 22px/1 'Microsoft Yahei' }
.l_contactcon p { color: #959595; margin: 20px 0 15px 0; line-height: 1.2; }
.l_contactcon a { background: #70b80c; width: 115px; text-align: center; height: 25px; display: block; line-height: 25px; color: #fff; }
.pointer li { float: left; width: 100%; border-bottom: 1px solid #ceccbe; height: 39px; line-height: 39px; }
.pointer li a { color: #525252; width: 90%; float: left; background: url(../images/newsico.gif) 9px 17px no-repeat; padding-left: 7%; 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 }
.pointer { float: left; width: 238px; border: 1px solid #ceccbe; background: #dfddce; padding: 0 0 20px 0; }
.lv_cont { float: left; width: 235px; background: url(../images/map.png) center bottom no-repeat; color: #515151; font-size: 12px; pad/ding:10px 14px 0 14px;
min-height: 230px; _height: 300px; }
.lv_cont p.p1 { height: 35px; line-height: 35px; float: left; width: 185px; background: url(../images/lv4.png) 10px center no-repeat; display: inline; margin: 5px 0 0 0; padding: 0 0 0 50px; color: #7d716b; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
.lv_cont p.p2 { height: 35px; float: left; width: 185px; background: url(../images/lv5.png) 10px center no-repeat; padding: 0 0 0 50px; color: #7d716b; font-size: 14px; font-family: Arial, Helvetica, sans-serif; display: inline; margin: 5px 0 0 0; }
.lv_cont p.p3 { height: 35px; line-height: 35px; float: left; width: 185px; background: url(../images/lv6.png) 10px center no-repeat; padding: 0 0 0 50px; color: #7d716b; font-siz/e:14px;
font-family: Arial, Helvetica, sans-serif; display: inline; margin: 5px 0 0 0; }
/* fyRight*/
.fyRight { float: right; padding-bottom: 30px; overflow: hidden; width: 715px; padding: 20px 0 0 0; }
.membermain { padding-top: 20px; }
.padding25 { padding: 20px 0px; width: 980px; word-break: break-all; line-height: 30px; font-size: 14px; _height: 500px }
.mainr_line { float: left; height: 18px; width: 99%; background: url(../images/line_s.gif) top left repeat-x; }
/* list*/
.pro_list { }
.pro_list li { margin: 13px 29px; float: left; width: 179px; height: 290px; display: inline; }
.pro_list .proimg { width: 179px; height: 241px; float: left; border: 1px solid #cbcbcb; }
.pro_list li p { width: 179px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 5px 0px; float: left; height: 30px; color: #3f2110; font: 12px/30px ' Y宋体'; text-align: center; font-weight: bold; }
.news_list { padding: 0 0 0 20px; width: 960px; font-size: 14px; }
.news_list li { float: left; width: 960px; line-height: 40px; }
.newseven { background: #eee }
.news_list li a { float: left; width: 100%; height: 40px; line-height: 40px; color: #515151; }
.news_list li a:hover { color: #d40000; }
.news_list li a span { cursor: pointer; }
.news_list li .fl { width: 546px; margin-left: 6px; display: inline; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 10px; font-size: 14px; }
.news_list li .fr { margin-right: 5px; font-size: 12px; }
.news_line { clear: both; width: 687px; height: 18px; margin: 10px 0; }
.news_list p { font-size: 12px; padding: 10px 20px; line-height: 20px; color: #ccc; }
.pro_txtimg { float: left; margin-bottom: 20px; padding-left: 14px; }
.pro_txtimg li { float: left; width: 980px; padding: 30px 0; border-bottom: 1px solid #cdcdcd; }
.pro_li_img { float: left; width: 220px; }
.proimg, .proimg img { float: left; }
.pro_txtimg .proimg { float: left; width: 218px; height: 163px; border: 2px solid #fff; }
.pro_li_txt { float: right; display: inline; width: 735px; height: 86px; color: #787878; line-height: 36px; font-size: 12px; }
.procon { float: left; width: 735px; line-height: 26px; color: #7d716b; text/-indent:22px;
height: 104px; overflow: hidden; padding: 10px 0 0 0; }
.protitle { float: left; width: 540px; line-height: 24px; padding: 0px 0px 0px 0px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #4e6990; font-size: 14px; font-weight: bold; }
.pro_li_txt span { float: left; width: 735px; color: #777777; height: 20px; padding: 10px 0 0 0; line-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
/*news_view*/
.padding25 h2 { font-size: 18px; font-family: 'Microsoft Yahei'; font-weight: normal; color: #d40000; }
.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: 920px; padding-top: 25px; margin-top: 30px; border-top: 1px solid #fff; margin-bottom: 25px; padding-bottom: 15px; _height: 400px; font-size: 14px; line-height: 28px; float: left; color: #555; padding-left: 40px; padding-right: 40px; }
.main_r_nav span { float: left; color: #616161; }
.title_s { text-align: center; border-bottom: 1px solid #fff; color: #555555; margin-bottom: 30px; font-size: 12px; line-height: 55px; }
.viewcon .center img { margin-bottom: 10px; width: auto; max-width: 600px; _width:expression(this.width > 600 ? "600px" : this.width);
overflow: hidden; }
.viewpage { background: #fff; width: 100%; float: left }
.main_r_nav { float: left; width: 700px; height: 66px; padding: 10px 0; font-size: 14px; margin-left: 10px; display: inline; }
.returnlist { width: 50px; height: 56px; padding: 15px 18px; display: inline; float: right; color: #fff; line-height: 30px; font-size: 12px; background: #d40000; }
.returnlist a { color: #fff; text-align: center; font-size: 18px; font-family: "microsoft yahei"; width: 100%; display: block; }
.main_r_nav a { color: #555;   width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  line-height: 40px;   font-size: 14px; }
.main_r_nav a:hover { color: #d40000; }
.title_s { text-align: center; color: #b3b3b3; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
/* page*/
.page { margin-top: 15px; font-size: 14px; float: left; width: 100%; line-height: 34px; text-align: center; color: #000; }
.page a { color: #624207; padding: 0 10px; margin: 0 5px;   border: 1px solid #000; background: #fff; ; }
.page * { display: inline-block; _zoom: 1; _display: inline; vertical-align: middle; line-height: 32px; height: 32px; padding-bottom: 1px; }
.page a:hover { color: #624207; }
.page img { height: auto; margin: 0 3px; }
.page .bg { font-weight: normal; background: #000; color: #fff; margin: 0 5px; }
.page .disabled { padding: 0 10px; color: #c5c5c5; border: 1px solid #d5d5d5; background: #fff; }
.page .current { display: inline-block; border: 1px solid #000; font-weight: bold; padding: 0 10px; color: #fff; background: #000; }
.total { text-align: center; height: 32px; line-height: 32px; }
.reach { text-align: left; padding-left: 5px; height: 32px; line-height: 32px; }
.btn { width: 36px; }
.btn a { background: #000; color: #fff; line-height: 34px; width: 64px; height: 34px; text-align: center; }
.input_page { width: 30px; height: 32px; text-align: center; border: 1px solid #000; font-size: 12px; line-height: 32px; }
.arrow_l { border: 10px solid #000; margin-top: 10px; ; display: inline; border-color: #f00 transparent transparent transparent; border-style: solid dashed dashed dashed; }
/* 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*/
.message {   padding:50px 0 0 100px; }
.message input, .message textarea { margin-left: 13px; float: left; margin-bottom: 14px; border: 1px solid #000; border-radius: 2px; line-height: 32px; height: 32px; text-indent: 10px; color: #555; }
.message textarea { height: 177px; }
.yzm { width: 747px; }
.yzm .fl { margin-left: 15px; }
.message .subbut { border: 0; background: #000; border-radius: 3px; width: 442px; height: 32px; line-height: 32px; color: #fff; font-size: 18px; font-family: "Microsoft Yahei"; }
/* book*/
.viewcon { overflow: hidden; ma/rgin: 0 12px 36px;
width: 940px; display: inline; word-break: break-all; color: #6c4c30; font-size: 14px; float: left; padding: 0px 20px 20px; line-height: 30px; font-size: 14px; }
.book { float: left; padding-left: 114px; }
.bookmain { width: 626px; margin: 20px auto; height: auto; background: #fff; ; overflow: auto; }
.bookline { width: 626px; height: 34px; float: left; margin-top: 10px; }
.book3 { width: 626px; margin: 0 auto; }
.booktop { width: 626px; height: 30px; margin-bottom: 10px; ; float: left; background: url(../images/bookico.png) no-repeat 10px 7px; color: #555; }
.booktop_name { width: 360px; height: 30px; float: left; padding-left: 30px; line-height: 30px; font-weight: bold; }
.booktop_time { width: 150px; height: 30px; float: right; text-align: right; line-height: 30px; color: #555; font-size: 14px; font-family: Arial }
.bookcontent { width: 718px; margin-bottom: 20px; min-height: 40px; height: auto!important; float: left; border: 1px solid #000; border-radius: 3px; padding: 10px; color: #057be9; }
.bookadmin { width: 540px; height: auto; float: left; }
.bookcon_a { color: #555; }
.bookcon_a b { color: #555; }
.bookcon_t { border-bottom: 1px solid #000; width: 100%; color: #555; }
.bookadmin_top { width: 540px; height: 12px; float: left; }
.bookadmin_mid { width: 500px; 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; }
.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: 15px; _margin-left: 20px; }
.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: #45030f; 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 5px; float: left; 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: 1.8; 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%; }
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0 }
#jquery-lightbox a img { border: none }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto }
#lightbox-container-image { padding: 10px }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0 }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10 }
#lightbox-container-image-box > #lightbox-nav { left: 0 }
#lightbox-nav a { outline: none }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block }
#lightbox-nav-btnPrev { left: 0; float: left }
#lightbox-nav-btnNext { right: 0; float: right }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0 }
#lightbox-container-image-data { color: #666 }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left }
#lightbox-image-details-caption { font-weight: bold }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em }
/*index---about*/
.about { width: 980px; margin: 0 auto; padding: 50px 0 0 0; height: 400px; overflow: hidden; }
.aboutleft { float: left; width: 350px; padding: 15px 0 0 0; }
.aboutleft p.name { text-align: right; text-transform: uppercase; font-family: 'Impact'; font-size: 16px; color: #4e6990; }
.hdp_container { width: 350px; height: 263px; float: left; position: relative; display: inherit; font-size: 12px; overflow: hidden; margin: 5px 0px 0 0px; }
.aboutleft p.biao { clear: both; text-align: right; padding: 10px 0 0 0; }
.aboutright { float: right; width: 604px; height: 343px; background: url(../images/aboutmore.png) left top no-repeat; }
.aboutmore { float: left; width: 96px; height: 133px; display: inline; margin: 169px 0 0 0; }
.aboutcon { float: right; width: 490px; padding: 40px 0 0 0; height: 280px; }
.aboutcon p.top { font-size: 20px; font-family: 'Microsoft Yahei'; color: #4e6990; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.abcon { float: left; width: 490px; line-height: 35px; color: #747474; font-size: 14px; height: 245px; overflow: hidden; font-family: 'Microsoft Yahei'; text-indent: 30px; }
/*--index-----product------------*/
.pro_lanfra span { position: relative; z-index: 99 }
.pro_lanfra span dl { z-index: 999; text-align: left; position: absolute; left: 0; top: 17px; display: none; background: #D40000; min-width: 90px; _width:expression_r(document.body.clientWidth > 90 ? "90px" : "auto");
}
.pro_lanfra span dl dd { width: 100%; height: 25px; text-indent: 8px; font: 12px/25px "microsoft yahei"; }
.pro_lanfra span dl a { color: #ffffff; line-height: 25px; }
.pro_lanfra span dl a:hover { color: #fff; background: none; line-height: 25px; }
.proname { margin: 0 auto; width: 980px; text-align: center; color: #4e6990; font-size: 30px; font-family: "Times New Roman", Times, serif; text-transform: uppercase; }
.prona { margin: 10px auto; width: 980px; text-align: center; font-size: 18px; font-family: 'Microsoft Yahei'; font-size: 18px; }
.prolanmu { width: 100%; border-bottom: 1px solid #e1e1e1; padding: 0px 0 0px 0; }
.pro_lanfra { margin: 0 auto; width: 980px; height: 85px; text-align: center; font-size: 14px; color: #4e6990; background: url(../images/tiao.jpg) center bottom no-repeat; line-height: 40px; }
.pro_lanfra a { color: #4e6990; padding: 2px; }
.pro_lanfra a:hover { color: #fff; background: #D40000 }
.pro_lanfra a.cur { color: #fff; background: #D40000 }
.pro_lanfra a.promore { color: #d40000; }
.pro_lanfra a.promore:hover { color: #d40000; background: none }
.view-port { overflow: hidden; position: relative; width: 980px; }
.profra { width: 980px; margin: 0 auto; height: 300px; }
.slider-container { position: relative; height: 260px; }
.profra li { position: absolute; width: 980px; left: 0; display: inline; }
.bullet-pagination { width: 100%; text-align: center; }
.bullet { display: inline-block; width: 15px; background: url(../images/dian1.jpg) left center no-repeat; height: 15px; border-radius: 10px; margin-right: 10px; }
.bullet.active { background: url(../images/dian2.jpg) left center no-repeat; }
.profra li .limg { float: left; width: 220px; height: 200px; display: inline; margin: 30px 0 0 20px; }
.profra li .limg a { cursor: pointer; float: left; width: 220px; height: 200px; background: #1a1d22; color: #fff; }
.profra li .limg a:hover { cursor: pointer; float: left; width: 220px; height: 200px; background: #d40000; color: #fff; }
.profra li .limg a p { float: left; width: 220px; height: 35px; line-height: 35px; font-size: 14px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
/*----index---news*/
.news { width: 1000px; margin: 0 auto; padding: 0px 0 0 0; }
.newsul { float: left; width: 1000px; padding: 10px 0 0px 0px;   overflow: hidden; }
.newsul li { cursor: pointer; float: left; width: 480px; height: 95px; display: inline; margin: 20px 10px 20px 10px; }
.newsul li a { cursor: pointer; float: left; width: 478px; height: 93px; border: 1px solid #e7e7e7; background: #f7f7f7; }
.newsul li a:hover { cursor: pointer; float: left; width: 478px; height: 93px; border: 1px solid #d40000; }
.newsimg { float: left; width: 100px; height: 75px; display: inline; margin: 9px 0 0 9px; }
.newsword { float: left; width: 355px; padding: 0 0 0 10px; }
.newsword p.top { float: left; width: 355px; height: 35px; line-height: 35px; }
.newsword p.top span { float: left; width: 240px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #4e6990; font-size: 14px; }
.newsword p.top label { float: right; width: 100px; font-family: Arial, Helvetica, sans-serif; color: #747474; }
.newscon { color: #747474; float: left; width: 355px; height: 48px; line-height: 24px; overflow: hidden; }
.newsfra { width: 100%;   padding: 40px 0 50px 0; }
.more { width: 100%; text-align: center; text-transform: uppercase; padding-top:30px; }
.more a { text-align: center; white-space: nowrap; color: #4e6990; font: 16px/1.2 "Book Antiqua"; border: 0.17em solid #4e6990; padding: 0 1.1em; display: inline-block; margin: 0 auto; }
.more font { display: block; font-size: 1.2em; padding: 0 2%; position: relative; margin-top: -10px; background: #fff; font-family: 'Microsoft Yahei'; font-size: 15px; }
/*---index---底部导航*/
.menuf { width: 100%; height: 45px; background: #d40000; }
.menuf ul { width: 980px; margin: 0 auto; padding: 10px 0 0 0; }
.menuf li { float: left; display: inline; text-align: center; width: 80px; margin: 0 12px 0 15px; }
.menuf li a { float: left; width: 100%; text-align: center; color: #FFF; font: 12px; height: 28px; line-height: 28px; }
.menuf a:hover, .menuf a.cur {
font-weig/ht:bold; background: url(../images/daohover.jpg) left top no-repeat; color: #fff; }
.menuf li .nav a { float: left; color: #000; width: 80px; border-top: 1px solid #000; text-align: center; line-height: 28px; background: #ffe410 }
.menuf .nav a:hover, .menuf .nav a.cur { height: 45px; line-height: 45px; padding: 0; margin: 0; background: #ffe410 }
/*-----------index--------------displaycase--*/
.displaycase { width: 100%; height: 280px; background: #f3f3f3; }
.discase { width: 980px; margin: 0 auto; height: 280px; }
.caseleft { float: left; width: 216px; border-right: 1px dotted #4e6990; height: 179px; display: inline; margin: 52px 0 0 0; }
.pronamec { float: left; width: 190px; text-align: center; color: #4e6990; font-size: 26px; font-family: "Times New Roman", Times, serif; text-transform: uppercase; padding: 0; }
.pronac { float: left; width: 190px; text-align: center; font-size: 18px; font-family: 'Microsoft Yahei'; font-size: 18px; padding: 1px 0; }
.casephone { display: block; float: left; width: 190px; color: #4e6990; font-weight: bold; font-size: 20px; line-height: 30px; font-family: 'Microsoft Yahei'; display: inline; margin: 28px 0 0 0; }
.casephone img { vertical-align: -0.13em; }
.casetel { display: block; float: left; width: 190px; color: #d40000; text-indent: 30px; font-size: 18px; line-height: 30px; font-family: Arial, Helvetica, sans-serif; }
.casemore { float: left; display: inline; margin: 6px 0 0 0; width: 174px; height: 20px; border: 1px solid #4e6990; background: #fff; text-align: center; line-height: 20px; color: #4e6990; }
.discul { float: left; width: 730px; padding: 50px 0 0 30px; }
.discul li { float: left; width: 239px; height: 179px; display: inline; margin: 0 0 0 4px; }
.discul li a { float: left; width: 239px; height: 179px; }
.discul li p{ text-align:center;}
/*------about-----*/
.fyfra { width: 100%; background: #f3f3f3 }
.pronaa { margin: 10px auto; width: 980px; text-align: center; font-size: 18px; font-family: 'Microsoft Yahei'; }
.pronaa font { font-size: 24px; }
.pro_lanfraa { margin: 0 auto; width: 980px; height: 10px; text-align: center; font-size: 14px; color: #4e6990; background: url(../images/tiao.jpg) center bottom no-repeat; line-height: 40px; }
/*--------------product-----------------*/
.productfra { width: 980px; margin: 0 auto; overflow: hidden; padding: 20px 0; }
.productul { float: left; width: 980px; }
.productul li { float: left; width: 220px; height: 200px; display: inline; margin: 0 0 20px 20px; }
.productul li a { float: left; width: 220px; height: 200px; }
.productul li a { cursor: pointer; float: left; width: 220px; height: 200px; background: #1a1d22; color: #fff; }
.productul li a:hover { cursor: pointer; float: left; width: 220px; height: 200px; background: #d40000; color: #fff; }
.productul li a p { float: left; width: 220px; height: 35px; line-height: 35px; font-size: 14px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }


/*--------滚动--------*/
#demo { height:230px; overflow:hidden; width:980px; margin:20px auto 0; }
#demo img { }
#indemo { float: left; width: 800%;   }
#demo1 { float: left; }
#demo2 { float: left; }
#demo ul li{  float: left; width: 220px; height: 200px; display: inline; margin: 30px 0 0 20px; }
 
#demo ul li a { cursor: pointer; float: left; width: 220px; height: 200px; background: #1a1d22; color: #fff; }
#demo ul li a:hover { cursor: pointer; float: left; width: 220px; height: 200px; background: #d40000; color: #fff; }
#demo ul li a p { float: left; width: 220px; height: 35px; line-height: 35px; font-size: 14px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

/*浮动客服*/
#floatDivBoxs { width: 170px; background: #fff; position: fixed; top: 180px; right: 0; z-index: 999; font-family: "微软雅黑"; }
#floatDivBoxs a { color: #000; }
#floatDivBoxs .floatDtt { width: 100%; height: 45px; line-height: 45px; background: #D52800; color: #fff; font-size: 18px; text-indent: 22px; position: relative; }
#floatDivBoxs .floatDqq { padding: 0 14px; }
#floatDivBoxs .floatDqq li { height: 45px; line-height: 45px; font-size: 15px; border-bottom: 1px solid #e3e3e3; padding: 0 0 0 50px; }
#floatDivBoxs .floatDtxt { font-size: 18px; color: #333; padding: 12px 14px; }
#floatDivBoxs .floatDtel { padding: 0 0 15px 10px; text-align: center; font-size: 22px; }
#floatDivBoxs .floatDtel img { display: block; }
#floatDivBoxs .floatDbg { width: 100%; height: 20px; background: url(../images/online_botbg.jpg) no-repeat; box-shadow: -2px 0 3px rgba(0,0,0,0.25); }
.floatShadow { background: #fff; box-shadow: -2px 0 3px rgba(0,0,0,0.25); }
#rightArrow { width: 50px; height: 45px; background: url(../images/online_arrow.jpg) no-repeat; position: fixed; top: 180px; right: 170px; z-index: 999; }
#rightArrow a { display: block; height: 45px; }