gusucode.com > 【demx94】生产消防安全器材类企业织梦模板(带手机移动端) > 【demx94】生产消防安全器材类企业织梦模板(带手机移动端)/skin/css/style.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ /* 全局 */ * { transition: background-color ease .3s; -moz-transition: background-color ease .3s; -webkit-transition: background-color ease .3s; -o-transition: background-color ease .3s } html { webkit-text-size-adjust: none; -webkit-text-size-adjust: none; text-align: justify; text-justify: inter-ideograph; word-break: break-all } /* Style Reset*/ @charset "utf-8"; blockquote, body, button, code, dd, div, dl, dt, fieldset, font, form, h2, input, legend, li, ol, p, pre, textarea, ul { margin: 0; padding: 0; border: 0 } button, input, optgroup, option, select, textarea { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit } dd, dl, dt, li, ol, ul { display: block; list-style: none } img { border: 0 } .fl { float: left } .fr { float: right } .clear { clear: both; height: 0; overflow: hidden } a { text-decoration: none; outline: 0; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s } html { overflow-x: hidden } .center { text-align: center } .center img { border: 1px solid #ccc } .banner { width: 100%; height: 350px; border-bottom: 2px solid #db261d } body { color: #515d6b; font-size: 12px; overflow-x: hidden; background: #fff; font-family: 'Microsoft Yahei'; } a { color: #515d6b } .header { width: 100%; min-width: 1004px; background: #fff; z-index: 99; padding: 20px 0; height: 65px } .logo { float: left; display: inline; padding: 10px 0 0 0 } .tel { float: right; font-family: 'Microsoft Yahei'; padding: 0 } .tel span { display: block; font-size: 22px; background: url(../images/ca.png) right center no-repeat; padding-right: 30px; text-align: right; color: #d70c0c; text-transform: uppercase } .tel p { color: #2e2e2e; line-height: 1; font-family: Impact; font-size: 30PX } .menu { width: 100%; height: 50px; background: #fff } .menu ul { width: 1004px; margin: 0 auto } .menu li { color: #010101; float: left; width: 100px; margin: 0 0; position: relative } .menu li a { font-family: 'Microsoft Yahei'; color: #010101; text-align: center; float: left; font-size: 14px; width: 100%; height: 50px; line-height: 50px } .menu a:hover { color: #db261d } .menu a.cur { color: #db261d } .menu li .mtan { width: 128px; position: absolute; left: -13px; top: 40px; display: none; padding: 7px 0; z-index: 9; text-align: left; background: url(../images/mtop.jpg) 55px top no-repeat; } .menu li .mtan .mm { float: left; background: #db261d; color: #fff; line-height: 20px; padding: 4px; width: 120px; border-radius: 5px } .menu li .mtan .mm a { display: inline; float: left; width: 120px; color: #fff; line-height: 32px; -webkit-transition: all 0s ease-in-out 0s; -moz-transition: all 0s ease-in-out 0s; transition: all 0s ease-in-out 0s; border-bottom: 1px solid #e66861; height: 32px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .menu li .mtan .mm a:hover { background: #db261d; display: inline; color: #fff; width: 120px } .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 } #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 } .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: 微软雅黑 } .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 } .activity { width: 100%; padding-top: 0; height: 545px; border-bottom: 1px solid #cecece } .viewmore a { background: #618ced; width: 84px; display: inline-block; height: 32px; color: #fff; font-size: 14px; text-align: center; line-height: 32px; border-radius: 5px } .notice { width: 1004px; margin: 0 auto; margin-top: -52px; position: relative; height: 90px; line-height: 30px; padding: 0 } .noticecon { width: 555px; float: left; padding: 0 0 0 35px; border: 1px solid #d8d8d8; height: 88px; border-left: 0; background: #fff } .noticecon p { padding: 20px 0 0 0; color: #db261d; font-size: 16px; font-family: 微软雅黑; font-weight: 700 } .noticecon b { text-transform: uppercase; float: left; font-family: Impact; font-size: 22px; font-weight: 400; color: #2f2e2e; padding-left: 10px } .noticecon marquee { float: left; width: 525px; color: #2f2e2e; font-size: 14px; } .search { position: relative; float: left; width: 380px; z-index: 999; height: 60px; display: inline-block; line-height: 30px; padding-left: 20px; background: url(../images/noticebg.jpg) right top #2f2e2e no-repeat; padding-top: 30px } .text { float: left; width: 218px; 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(../images/button.png) center top no-repeat } .select { float: left; width: 82px; margin-left: 3px; display: inline; background: url(../images/select.gif) left top no-repeat; position: relative; z-index: 9999999 } .select select { margin: 5px auto; width: 80px } .search1 { 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 } .text1 { float: left; width: 200px; display: inline; padding-left: 5px; color: #4e6990; height: 28px; line-height: 28px; margin: 1px 0; margin-left: 13px; border: 0 } .button1 { float: left; width: 27px; margin-left: 5px; height: 26px; display: inline; background: url(../images/button1.gif) left top no-repeat; border: 0; margin-top: 5px } #marquee2 { width: 450px; height: 30px; overflow: hidden; padding-left: 10px } #marquee2 ul li { float: left; height: 30px; display: block; width: 450px; font-family: "微软雅黑"; font-size: 14px } #marquee2 ul li a { float: left; height: 30px; line-height: 30px; display: block; width: 450px; color: #2f2e2e } #marquee2 ul li a span { float: left; width: 350px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } #marquee2 ul li a label { float: right; width: 90px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } #marquee2 ul li img { display: block } .control { width: 9px; left: 400px; top: 2px } #goD { width: 30px; height: 30px; position: absolute; right: 40px; bottom: 10px; dis/play:none } #goU { width: 30px; height: 30px; position: absolute; right: 68px; bottom: 10px; displ/ay:none } #goTopBtn { POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 74px; BOTTOM: 201px; HEIGHT: 74px; margin-right: 144px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0 } div.selectbox-wrapper { border: #dcdcdc 1px solid; overflow: hidden; width: 80px; position: absolute; background: #fff; text-align: left; z-index: 10; } div.selectbox-wrapper ul li.selected { background: #252525; color: #fff } div.selectbox-wrapper ul li.current { color: #fff; background-color: #252525 } 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: 32px; background: 0 0; font-size: 12px; font-family: 'Microsoft Yahei'; color: #2f2f2f; line-height: 32px } .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: 0; width: 100%; position: relative; z-index: 0; height: 585px } .case .ititle { border-bottom: 1px solid #2f2f2f } .case .ititle font { color: #fff } .lv_mmtopc { width: 980px; margin: 0 auto; height: 35px; padding: 10px 0 0 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: url(../images/gray.png) top center repeat } .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; position: relative } .fyMain { margin-top: 0; margin-b/ottom:40px; width: 100%; padding: 0 0 30px 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 0; float: left; color: #3f2110; font-family: '宋体'; line-height: 30px; font-weight: 700 } .casename a { color: #3f2110; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; text-align: center } .footclear { width: 100%; clear: both; margin: 0; height: 0; font-size: 0; overflow: hidden } .foot { width: 100%; min-width: 1004px; color: #fff; padding: 0; height: 425px; background: #222; margin-top: 80px; } .fmain { width: 900px; margin: 0 auto; text-align: center } .f_link { margin: 0 auto; margin-top: -30px; width: 980px; height: 60px; line-height: 60px; color: #2f2e2e; background: url(../images/linkbg.jpg) left top no-repeat } .f_link .main { position: relative; z-index: 999; text-align: left } .f_link a { color: #2f2e2e; font-size: 14px; font-family: 'Microsoft Yahei' } .f_link span { color: #2f2e2e } .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 } .bootTxt { float: left; bo/rder-top:1px solid #080808; width: 100%; padding-top: 10px; line-height: 30px; font-family: 'Microsoft Yahei'; } .boocon { float: right; width: 40%; text-align: left; color: #fff; padding-left: 20px } .bootTxt .fl { float: left; width: 100%; text-align: left; color: #fff } .bootTxt .fl a { color: #fff } .bootTxt .fl a:hover { color: #fff } .foot a { color: #2f2e2e } .share { float: left; width: 210px; margin: 0 auto; padding: 10px 0 0 0 } .f_linkmap { float: right; background: url(../images/map.png) left center no-repeat; padding: 0 0 0 40px; font-size: 13px; font-family: "Microsoft Yahei" } .f_linkmap a { padding: 0 } .d_linleft { float: left; width: 490px; padding: 0 0 0 190px } .main_content { padding: 0; width: 1004px; margin: 0 auto; position: relative; zoom: 1; min-height: 389px } .nf_hp_kv { height: 389px; margin: 0 -500px; position: relative; width: 2000px } .nf_hp_kv .window { height: 389px; overfl/ow:hidden; position: relative; width: 2000px } .nf_hp_kv .window .kv_item { height: 389px; overflow: hidden; padding: 0 500px; position: absolute; width: 1004px; z-index: 0 } .nf_hp_kv .nav { width: 100%; display: block; height: 5px; left: 45%; position: absolute; bottom: 10px; z-index: 10 } .nf_hp_kv .nav li { margin-right: 12px; display: inline; float: left; height: 5px; width: 80px } .nf_hp_kv .nav li a { background: #a9a9a9; display: inline; float: left; height: 0; overflow: hidden; padding-top: 5px; width: 80px } .nf_hp_kv .nav li a:hover, .nf_hp_kv .nav li.active a { width: 80px; background: #ff5a00 } .nf_hp_kv .btn_next, .nf_hp_kv .btn_prev { display: none; 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: 0; 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: 0; z-index: 10 } .fy { margin: 0 auto; width: 980px; padding-bottom: 0; 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: #000; 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: 0 0; color: #2e2e2e; line-height: 25px; width: 190px; font-weight: 400; 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 } .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 { float: right; padding-bottom: 30px; overflow: hidden; width: 715px; padding: 20px 0 0 0 } .membermain { padding-top: 20px } .padding25 { padding: 10px 0; width: 980px; word-break: break-all; line-height: 30px; font-size: 14px; min-height: 640px; color: #777 } .mainr_line { float: left; height: 18px; width: 99%; background: url(../images/line_s.gif) top left repeat-x } .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: #da0c0c } .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 #fff } .pro_li_img { float: left; width: 220px } .proimg, .proimg img { float: left } .pro_txtimg .proimg { float: left; width: 220px; height: 165px } .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: #777; text/-indent:22px; height: 104px; overflow: hidden; padding: 10px 0 0 0 } .protitle { float: left; width: 540px; line-height: 24px; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #2f2e2e; font-size: 14px; font-weight: 700 } a.protitle:hover { color: #da0c0c } .pro_li_txt span { float: left; width: 735px; color: #777; height: 20px; padding: 10px 0 0 0; line-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .productfra h2 { font-size: 18px; font-family: 'Microsoft Yahei'; color: #db261d; } .padding25 .center img { border: 1px solid #ccc; margin-bottom: 10px; width: auto; max-width: 600px; overflow: hidden } .newsview { min-height: 400px; display: inline; width: 900px; padding-top: 25px; border-top: 1px solid #fff; margin-bottom: 25px; padding-bottom: 15px; font-size: 14px; line-height: 33px; float: left; color: #777; padding-left: 40px; padding-right: 40px; } .main_r_nav span { float: left; color: #616161 } .title_s { float: left; width: 980px; text-align: left; border-bottom: 1px solid #e4e4e4; color: #777; margin-bottom: 10px; font-size: 12px; line-height: 30px; padding: 10px 0 0 0; display: inline; margin-bottom: 20px } .viewcon .center img { margin-bottom: 10px; width: auto; max-width: 600px; overflow: hidden } .viewpage { background: #eee; width: 100%; float: left } .main_r_nav { float: left; width: 700px; height: 66px; padding: 10px 0; font-size: 14px; margin-left: 20px; display: inline } .returnlist { width: 50px; height: 56px; padding: 15px 18px; display: inline; float: right; color: #fff; line-height: 30px; font-size: 12px; background: #2f2e2e } .returnlist a { color: #fff; text-align: center; font-size: 18px; font-family: "microsoft yahei"; width: 100%; display: block } .main_r_nav a { color: #777; float: left; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 33px; font-size: 14px } .main_r_nav a:hover { color: #db261d } .title_s .divleft { float: left } .title_s .divright { float: right; padding: 0 } /* page*/ .page { margin-top: 40px; float: left; width: 100%; line-height: 34px; text-align: center; } .page a { color: #fff; padding: 0 11px; margin: 0 5px; font-/weight: bold; background: #2f2e2e; border: 1px solid #2f2e2e; } .page * { display: inline-block; _zoom: 1; _display: inline; vertical-align: middle; line-height: 30px; height: 30px; padding-bottom: 1px; } .page .hover { display: inline-block; color: #2f2e2e; background: #fff; } .page a:hover { display: inline-block; color: #2f2e2e; background: #fff; } .arrow_l { border: 10px solid #000; margin-top: 10px; display: inline; border-color: red transparent transparent transparent; border-style: solid dashed dashed dashed } .searchnull { float: left; text-align: center; width: 100%; padding: 3% 0; font-size: 14px } .searchnull font { color: red; font-size: 14px } .searchmore { float: left; width: 92%; background: #efefef; text-align: center; margin: 10px 20px; border: 1px solid #dbd6f1 } .searchmore a { line-height: 25px; color: #333 } .input_title { background: 0 0; line-height: 30px; height: 30px; padding-left: 7px } .message input, .message textarea { line-height: 32px; height: 32px; text-indent: 10px; color: #555; } .message textarea { height: 177px; } .yzm { width: 747px; } .yzm .fl { margin-left: 15px; } .message { width: 600px; height: auto; margin: 0 auto; padding-top: 25px; } .message li { width: 600px; height: 38px; float: left; margin: 10px; padding: 0px; } .message li input { height: 36px; line-height: 36px; width: 300px; border-radius: 2px; font-size: 14px; text-indent: 10px; border: 1px solid #eeeeee; transition: all 0.3s; -webkit-transition: all 0.3s; } .message li p.message_title { width: 100px; height: 38px; float: left; text-align: center; font-size: 17px; line-height: 38px; !important; } .message li p.message_title span { float: left; } .message li.contentb { width: 600px; height: 122px; float: left; } .message li.contentb textarea { width: 430px; height: 120px; border-radius: 2px; font-size: 14px; text-indent: 10px; border: 1px solid #eeeeee; transition: all 0.3s; -webkit-transition: all 0.3s; } .message li.yzm { width: 600px; height: 60px; float: left; } .message li p.message_yzminput { width: 160px; float: left; } .message li p.message_yzminput input { width: 140px; } .message li p.message_yzmico { width: 90px; height: 38px; float: left; } .message li p.message_sub input { float: left; width: 182px; height: 38px; display: block; border-radius: 3px; border: none; color: #FFFFFF; font-size: 22px; line-height: 38px; text-align: center; background: #2f2e2e; font-size: 18px; font-family: "Microsoft Yahei"; } .message li p.message_reset a { float: left; width: 130px; height: 40px; display: block; margin-left: 20px; border-radius: 10px; border: none; color: #7f7f7f; font-size: 22px; line-height: 40px; text-align: center; font-weight: bold; background: #000000; } .message ul li textarea:hover, .message ul li input:hover, .message ul li select:hover, .message ul li textarea:focus, .message ul li input:focus, .message ul li select:focus { border-color: #2f2e2e; } .viewcon { overflow: hidden; ma/rgin:0 12px 36px; width: 940px; display: inline; word-break: break-all; font-size: 14px; float: left; padding: 0 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: 740px; 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: 700 } .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: #1e3601 } .admintimecol { color: #5e7194 } .c_red { color: red } .searchred { color: red!important; margin: 0!important } .hr_fra { float: left; width: 900px; padding-left: 40px } .hrBox { width: 900px; float: left; min-height: 91px; border: 1px solid #dbdbdb; margin-bottom: 20px; background: #efefef; margin-left: 40px } .hrBoxL { width: 150px; float: left; text-align: center } .hrBoxL li { width: 150px; min-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: 749px; float: left; text-align: left; border-left: 1px solid #dbdbdb } .hrBoxR li { width: 719px; min-height: 30px; line-height: 30px; border-bottom: 1px #dbdbdb solid; padding-left: 15px; vertical-align: bottom; padding-right: 15px } .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 } .tableTitle { width: 614px; height: 36px; text-align: center; line-height: 36px; border-bottom: 1px solid #dbdbdb; font-weight: 700 } .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: 0; vertical-align: middle; font-size: 12px; border: 1px solid #dbdbdb } .sel_hr { width: 130px; height: 20px; line-height: 20px; padding: 0; 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: #2f2e2e; 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 { margin: 10px 0; float: left; width: 100%; 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 input { height: 24px } .hr textarea { height: 127px; width: 567px } .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: 0 } #lightbox-nav-btnNext, #lightbox-nav-btnPrev { 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: 700 } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1em } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: .7em } .proname { margin: 45px auto 0 auto; width: 980px; text-align: center; color: #525252; font-size: 36px; font-family: "Times New Roman", Times, serif; text-transform: uppercase } .prona { margin: 10px auto; width: 980px; text-align: center; position: relative; background: url(../images/nameline.jpg) center center no-repeat; font-family: 'Microsoft Yahei'; color: #fff; } .prona font { color: #db261d; font-family: 'Microsoft Yahei'; font-size: 20px; } .prona a { position: absolute; right: 0; top: 0; background: #e9e9e9; border: 1px solid #2f2e2e; color: #000; width: 78px; height: 20px; font-size: 14px; line-height: 20px; font-family: 宋体; } .pro_lanfra { margin: 0 auto; width: 980px; text-align: center; font-size: 14px; color: #222c50; line-height: 30px; padding: 20px 0 0 0 } .pro_lanfra a { color: #222c50; background: #fff; padding: 1px 8px; border-radius: 5px; display: inline-block } .prolanmu1 .pro_lanfra a { color: #222c50; background: #eaeaea; padding: 1px 8px; border-radius: 5px; display: inline-block } .pro_lanfra a:hover { color: #fff; background: #db261d } .pro_lanfra a.cur { color: #fff; background: #db261d } .pro_lanfra a.promore { color: #ff002a; margin: 0 6px } .pro_lanfra a.promore:hover { color: #ff002a; background: #eaeaea } .pro_lanfra span { position: relative; margin: 5px } .pro_lanfra span .nnn { width: 800px; position: absolute; left: 6px; top: 20px; display: none; padding: 10px 0 0 0; z-index: 9; text-align: left } .pro_lanfra span .nnn .nnfra { float: left; background: #4d4d4d; color: #fff } .pro_lanfra span .nnn .nnfra a { background: 0 0; display: inline; float: none; color: #fff } .pro_lanfra span .nnn .nnfra a:hover { background: 0 0; display: inline; color: #db261d } .view-port { overflow: hidden; position: relative; width: 980px } .profra { width: 980px; margin: 0 auto; height: 300px } #container { width: 980px; margin: 20px auto 0 auto; position: relative; z-index: 0 } #example { width: 980px; height: 300px; position: relative; z-index: 0 } #slides { position: absolute; top: 0; left: 0; z-index: 0; height: 300px } #slides .slide { height: 300px; width: 980px; position: relative; z-index: 0; word-break: break-all; word-wrap: break-word } #slides .next, #slides .prev { position: absolute; z-index: 0; top: 105px; left: -120px; width: 52px; height: 52px; display: block; background: url(../images/about03.jpg) no-repeat; -moz-transition: background .5s, color .5s, border .5s; -webkit-transition: background .5s, color .5s, border .5s; -o-transition: background .5s, color .5s, border .5s; transition: background .5s, color .5s, border .5s } #slides .next, #slides .prev:hover { background: url(../images/about05.jpg) no-repeat } #slides .next { z-index: 0; position: absolute; top: 105px; left: 1065px; width: 52px; height: 52px; display: block; background: url(../images/about04.jpg) no-repeat; -moz-transition: background .5s, color .5s, border .5s; -webkit-transition: background .5s, color .5s, border .5s; -o-transition: background .5s, color .5s, border .5s; transition: background .5s, color .5s, border .5s } #slides .next:hover { background: url(../images/about06.jpg) no-repeat } .slides_container { z-index: 0; width: 980px; height: 300px; overflow: hidden; position: relative } #frame { position: absolute; z-index: 0; width: 480px; height: 293px; top: -3px; left: -80px } .pagination { display: none } .pagination li { display: none } .pagination li a { display: block; width: 12px; height: 0; padding-top: 12px; background-image: none; background-position: 0 0; float: left; overflow: hidden } .pagination li.current a { background-position: 0 -12px } #slides .link { display: block; margin-top: 10px; font-weight: 800 } .qie02 { position: absolute; top: 0; right: 0; width: 980px; margin-top: -600px; z-index: 1; height: 280px } .qie02 a { float: left; width: 307px; height: 290px; position: relative; display: inline; margin: 19px 0 0 15px; overflow: hidden } .qie02 a .bb { float: left; width: 307px; height: 230px } .qie02 a .fra { float: left; height: 230px; position: relative } .qie02 a .fra label { position: absolute; left: 0; top: 0; width: 307px; height: 230px; background: url(../images/p1.png) left top no-repeat } .qie02 a:hover .fra label { background: url(../images/p2.png) left top no-repeat } .qie02 .fra em { margin-top: -248px; position: absolute; left: 0; top: 0; width: 172px; height: 96px; line-height: 96px; background: url(../images/wbg.png) left top repeat; padding: 76px 7px; font-size: 18px; color: #d70c0c; font-weight: 700; overflow: hidden; text-align: center; font-style: normal; font-family: 'Microsoft Yahei' } .qie02 a p { float: left; width: 307px; text-align: center; color: #2f2e2e; font-size: 16px; height: 40px; line-height: 40px; overflow: hidden } .ch-item { text-align: center; width: 230px; height: 140px; top: 0; left: 39px; padding: 90px 0 0 0; position: absolute; z-index: 9; cursor: default; border-radius: 50%; box-shadow: inset 0 0 0 0 rgba(255,255,255,.4), inset 0 0 0 0 rgba(255,255,255,.6), 0 1px 2px rgba(0,0,0,.1); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .ch-item img { display: none } .ch-item:hover { box-shadow: inset 0 0 0 110px rgba(255,255,255,.4), inset 0 0 0 0 rgba(255,255,255,.8), 0 1px 2px rgba(0,0,0,.1) } .ch-item:hover img { display: block; margin: 0 auto } .newsframe { width: 100%; height: 470px; border-bottom: 1px solid #cecece } .news_fra { width: 980px; height: 300px; margin: 0 auto; padding: 0; position: relative } .productfra { width: 980px; margin: 0 auto; overflow: hidden; padding: 30px 0 } .about { width: 100%; background: #f2f2f2; border-bottom: 1px solid #cecece; border-top: 1px solid #cecece; height: 232px; margin: 110px 0 0 0 } p.abimg { width: 980px; height: 120px; margin: 0 auto; margin-top: -61px; overflow: hidden } .abcon { width: 860px; margin: 0 auto; padding: 20px 0 0 0; height: 120px; line-height: 30px; overflow: hidden; color: #747474; font-size: 14px; text-align: left } .track { width: 100%; background: #f2f2f2; border-bottom: 1px solid #cecece; border-top: 1px solid #cecece; margin: 50px 0 0 0; height: 408px } .newstab { width: 167px; height: 24px; border: 1px solid #9c9c9c; margin: 0 auto; margin-top: -10px; background: #fff; font-size: 14px } .pro_tab { cursor: pointer; float: left; width: 83px; height: 24px; background: #db261d; color: #fff; text-align: center; line-height: 24px; overflow: hidden } .pro_tab2 { cursor: pointer; float: left; width: 83px; height: 24px; color: #000; text-align: center; line-height: 24px; overflow: hidden } .newstab label { float: left; height: 24px; border-left: 1px solid #9c9c9c; overflow: hidden } .pro_line3 { float: left; width: 980px } .newsmain { float: left; width: 550px; padding: 40px 0 0 0 } .newsmain li { float: left; width: 550px; margin: 0 0 20px 0; height: 88px } .newsmain li a { float: left; width: 550px } .time { float: left; width: 70px; height: 84px; background: #949494; margin-right: 1px; color: #fff; font-family: Arial, Helvetica, sans-serif; text-align: center; border: 1px solid #777; padding: 0 4px } .time font { float: left; text-align: center; width: 100%; font: 14px/20px Arial; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .time span { font: 14px/30px Arial; float: left; width: 100%; color: #fff; border-top: 1px solid #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .time label { width: 100%; text-align: center; text-transform: uppercase; font: 18px/30px 'Times New Roman'; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .newsli_r { float: right; line-height: 1.5; color: #8b8b8b; width: 450px; margin-left: 10px } .newsli_rt { float: left; width: 450px; font: 16px/1.5 'Microsoft Yahei' } .newsli_rt .fl { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 450px; font-weight: 700; color: #2f2e2e } .newsmain li a:hover .time { background: #db261d } .newsmain li a:hover .newsli_rt .fl { color: #db261d } .newscont { float: left; width: 450px; line-height: 25px; font-size: 14px; height: 50px; overflow: hidden; color: #747474; padding: 10px 0 0 0 } .newsleft { float: right; width: 383px; height: 300px; background: #db261d; display: inline; margin: 30px 0 0 0 } .www51buycom { width: 376px; height: 294px; margin: 0; position: relative; overflow: hidden; padding: 3px } .www51buycom .num { overflow: hidden; height: 10px; position: absolute; bottom: 20px; right: 145px; zoom: 1; z-index: 3; width: 190px; text-align: center; display: none } .www51buycom .num li { font-size: 0; width: 9px; height: 9px; color: #FFF; background: #fff; margin: 0 7px; border-radius: 9px; cursor: pointer; display: inline-block; color: #fff } .www51buycom .num li.on { background: #222c50; color: #222c50 } .www51buycom .next, .www51buycom .prev { width: 30px; height: 80px; position: absolute; bottom: 100px } .www51buycom .prev { left: 3px; background: url(../images/nne.png) left top no-repeat } .www51buycom .next { right: 2px; background: url(../images/ppr.png) left top no-repeat } .www51buycom1 { width: 376px; height: 294px; margin: 0; position: relative; overflow: hidden; padding: 3px } .www51buycom1 .num { overflow: hidden; height: 10px; position: absolute; bottom: 20px; right: 145px; zoom: 1; z-index: 3; width: 190px; text-align: center; display: none } .www51buycom1 .num li { font-size: 0; width: 9px; height: 9px; color: #FFF; background: #fff; margin: 0 7px; border-radius: 9px; cursor: pointer; display: inline-block; color: #fff } .www51buycom1 .num li.on { background: #222c50; color: #222c50 } .www51buycom1 .next, .www51buycom1 .prev { width: 30px; height: 80px; position: absolute; bottom: 100px } .www51buycom1 .prev { left: 3px; background: url(../images/nne.png) left top no-repeat } .www51buycom1 .next { right: 2px; background: url(../images/ppr.png) left top no-repeat } .ccfra { width: 100%; height: 300px; background: url(../images/line.jpg) left 114px repeat-x; margin: 40px 0 0 0 } .news_fra ul { width: 980px; height: 300px; position: absolute; left: 0; top: 0; margin-left: -980px } .news_fra ul li { float: left; width: 297px; height: 300px; display: inline; margin: 0 0 0 -52px } .news_fra ul li a { float: left; width: 297px; height: 300px } .news_fra ul li a div { float: left; width: 297px; height: 223px; position: relative } .news_fra ul li a div img { float: left; width: 297px; height: 223px } .news_fra ul li a div span { position: absolute; left: 0; top: 0; z-index: 9; width: 297px; height: 223px; background: url(../images/ca1.png) left top no-repeat } .news_fra ul li a div em { display: none; position: absolute; left: 0; top: 0; width: 297px; height: 223px; background: url(../images/cabg.png) left top repeat } .news_fra ul li a:hover span { background: url(../images/ca2.png) left top no-repeat } .news_fra ul li a p { float: left; width: 193px; padding: 0 52px; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center; color: #2f2e2e; font-size: 16px } .news_fra ul li a:hover em { display: block } .inpfra { float: left; width: 375px } .inpftop1 { float: left; width: 375px; padding: 0 0 10px 0 } .inpftop1 label { float: left; width: 70px; text-align: right; color: #929292; font-size: 14px; height: 32px; line-height: 32px } .inpftop1 label font { color: #da0c0c } .inpftop1 input { float: left; width: 293px; line-height: 30px; height: 30px; border: 1px solid #111; color: #424242; font-size: 14px; border-radius: 3px; transition: all 1s; } .inpftop1 textarea { float: left; width: 293px; height: 85px; border: 1px solid #111; color: #424242; font-size: 14px; border-radius: 3px; transition: all 1s; } .inpftop2 .sub { float: left; width: 75px; height: 31px; background: #393939; font-size: 14px; color: #fff; border: 0; margin: 0 0 0 10px; border-radius: 3px; } .inpftop2 { float: left; width: 375px; padding: 0 0 10px 0 } .inpftop2 label { float: left; width: 70px; text-align: right; color: #929292; font-size: 14px; height: 32px; line-height: 32px } .inpftop2 label font { color: #da0c0c } .inpftop2 .inp1 { float: left; width: 113px; line-height: 30px; height: 30px; border: 1px solid #111; color: #424242; font-size: 14px; border-radius: 3px; transition: all 1s; } .inpftop2 .yzmtp { float: left; width: 70px; height: 27px; border: 0px solid #3d3d3d; display: inline; margin: 0 0 0 10px; border-radius: 3px; padding: 2px; } .inpfra input:focus, .inpfra select:focus, .inpfra textarea:focus { box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; background-color: #FFC } .bootTxt p.name { display: block; padding: 45px 0 10px 10px; text-transform: uppercase } .bootTxt p.name label { font-size: 26px; color: #fff; font-family: Impact } .bootTxt p.name label font { color: #db261d } .bootTxt p.name span { color: #fff } .vtitle { width: 100%; float: left; padding: 80px 0 30px 0; background: #f1f1f1; border-bottom: 1px solid #d9d9d9; margin-top: -38px } .vtitlemain { hei/ght:74px; width: 350px; overflow: hidden; text-align: center; margin: 0 auto 0 } .vtitlemain span { width: 153px; display: block; margin: 20px auto 0 } .vtitlemain font { color: #525252; white-space: nowrap; font: 30px/1 'Times New Roman'; text-transform: uppercase } .telbar { margin-top: 10px; color: #222c50; font: 14px/1 arial; text-transform: uppercase; text-align: center } .pronaf { margin: 10px auto; width: 980px; text-align: center; position: relative; color: #f2f2f2; background: url(../images/nameline.gif) center center no-repeat; } .pronaf font { color: #db261d; font-family: 'Microsoft Yahei'; font-size: 20px } .pro_list li { width: 220px; overflow: hidden; height: 197px; float: left; margin: 0 12px 30px; display: inline } .pro_list li a { display: block; width: 220px; position: relative } .pro_list li a em { display: none; position: absolute; border: 1px solid #da0c0c; width: 208px; height: 153px; left: 5px; top: 5px } .pro_list li a p { float: left; width: 220px; height: 32px; background: #2f2e2e; text-align: center; line-height: 32px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #fff; font-size: 14px } .pro_list li a:hover em { display: block } .pro_list li a:hover p { background: #da0c0c } .menub { width: 100%; height: 50px; background: #000 } .menub ul { width: 1004px; margin: 0 auto } .menub li { color: #fff; float: left; width: 100px; margin: 0 0; position: relative } .menub li a { font-family: 'Microsoft Yahei'; color: #fff; text-align: center; float: left; font-size: 14px; width: 100%; height: 50px; line-height: 50px } .menub a:hover { color: #fff; background: #db261d } .menub a.cur { color: #fff; background: #db261d } /* 幻灯切换 */ .slideBox { position: relative; display: block; width: 100%; height: 350px; overflow: hidden; } .slideBox .bd img { display: block; margin: 0 auto; height: 350px; } .slideBox .prev { display: none; position: absolute; padding: 0; left: 50%; margin-left: -595px; top: 55%; margin-top: -74px; width: 44px; height: 109px; background: url('../images/normal_bg.png') no-repeat; background-position: 0 0; } .slideBox .next { display: none; position: absolute; padding: 0; right: 50%; margin-right: -595px; top: 55%; margin-top: -74px; width: 44px; height: 109px; background: url('../images/normal_bg.png') no-repeat; background-position: -459px 0; } .slideBox .hd { position: relative; top: -45px; z-index: 1; } .slideBox .hd ul { text-align: center; margin-top: -25px } .slideBox .hd ul li { width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin: 0 1px; cursor: pointer; background: #303030; } .slideBox .hd ul li.on { background: #d70c0c; } .slideBox .hd ul li:hovre { background:#d70c0c } /* 浮动工具 */ .c-tools { position: fixed; z-index: 9999; text-align: center; right: 0; bottom: 50%; margin-bottom: -144px; } .c-tools ul li { transition: all 0.3s; -webkit-transition: all 0.3s; border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; position: relative; width: 62px; height: 62px; margin: 1px; background: #2f2e2e url(../images/tools-ico.png) no-repeat; } .c-tools ul li:hover { background-color: #d70c0c; } .c-tools ul li span { transition: all 0.3s; -webkit-transition: all 0.3s; border-radius: 2px; -webkit-border-radius: 2px; display: none; position: absolute; right: 63px; width: 135px; line-height: 62px; padding: 0 10px; background: #d70c0c; color: #ffffff; } .c-tools ul li .ewmPic { width: 168px; } .c-tools ul li .ewmPic img { display: block; margin-top: 10px; padding-bottom: 10px; width: 168px; height: 168px; } .c-tools ul .tel-ico { background-position: center -22px; } .c-tools ul .tel-ico span { line-height: 31px; } .c-tools ul .ewm-ico { background-position: center 21px; } .c-tools ul .qq-ico { background-position: center -69px; } .c-tools ul .top-ico { background-position: center -115px; } /* product view 产品内页 */ .view_imgs { width: 555px; height: 500px; margin: 20px auto; position: relative; background: #f7f7f7; } .view_imgs .btn { position: absolute; width: 15px; height: 70px; top: 422px; cursor: pointer; z-index: 99; font-size: 50px; font-weight: bold; } .view_imgs .prev { left: 0; background: url(../images/view_left.png) no-repeat center center #bfbebe; } .view_imgs #prev, .view_imgs #prev #next { width: 15px; height: 70px; margin-left: 0; } .view_imgs #prevTop, .view_imgs #nextTop { display: none } .view_imgs .next { right: 0; background: url(../images/view_right.png) no-repeat center center #bfbebe; } .view_imgs li { float: left; } .view_imgs .prev:hover, .view_imgs .next:hover { background-color: #d70c0c; } .view_imgs .cf li { position: relative; color: #fff; } .view_imgs .cf a { display: block; width: 555px; height: 416px; position: absolute; color: #fff; } .view_imgs .picBox { height: 416px; position: relative; overflow: hidden; } .view_imgs .picBox ul { height: 416px; position: absolute; } .view_imgs .picBox li { width: 555px; height: 374px; } .view_imgs .listBox { width: 511px; height: 71px; margin: 0 auto; position: relative; padding: 6px 0 10px; overflow: hidden; } .view_imgs .listBox ul { height: 71px; position: absolute; } .view_imgs .listBox li { width: 104px; height: 71px; cursor: pointer; position: relative; } .view_imgs .listBox li a { display: block; width: 95px; height: 71px; } .view_imgs .listBox li img { width: 95px; height: 71px; } .view_imgs .listBox .on img { width: 89px; height: 65px; border: 3px solid #d70c0c; } .view_imgs .picBox li img { max-width: 100%; } .ol_width { width: 580px; }