@charset "utf-8"; /*dede58.com 做最好的织梦整站模板下载网站*/ /* CSS Document */ /*banner*/ .banner { overflow: hidden; position: relative; width: 100%; } .banner a { display: block; background: url("/skin/img/banner.jpg") no-repeat center; height: 580px } #flashs { position: relative; height: 580px; overflow: hidden; } #flashs .bgitem { z-index: 1; position: absolute; top: 0; } #flashs .btn { overflow: hidden; width: 100%; text-align: center; position: absolute; left: 0; bottom: 60px; z-index: 9999 } #flashs .btn span { display: inline-block; width: 12px; height: 12px; background: url("/skin/img/banner_btn.png") no-repeat center top; margin: 0 10px; } #flashs .btn span { *display: inline } #flashs .btn span.cur { background-position: bottom } #flashs .bot { display: block; position: absolute; width: 58px; height: 58px; top: 50%; margin-top: -29px; } #flashs .bot1 { background: url(/skin/img/babot1.png) no-repeat center; left: 5%; z-index: 2; } #flashs .bot2 { background: url(/skin/img/babot2.png) no-repeat center; right: 5%; z-index: 2; } /*搜索*/ .ss { overflow: hidden; width: 100%; height: 52px; background: #eeeeee } .ss .ssBox { overflow: hidden; } .ss .ssBox p { line-height: 52px; color: #00824a; font-size: 14px; float: left } .ss .ssBox p a { color: #999; padding: 0 20px; } .ss .ssK { overflow: hidden; float: right; height: 30px; width: 240px;/* padding:0 10px; */ margin-top: 12px; background: url(/skin/img/ssbg.png) no-repeat center; } .ss .ssK input { float: left; height: 30px; line-height: 30px; font-size: 12px; width: 184px; outline: none; background: none; border: none; color: #999; padding-left: 15px; } .ss .ssK a { display: block; float: right; background: url(/skin/img/ssfdj.png) no-repeat center; width: 40px; height: 30px; } /*Service*/ .Service { overflow: hidden; width: 100%; background-color: #fff; padding-top: 40px; } .Service .serviceLt { float: left; width: 245px; } .Service .serviceLt h2 { overflow: hidden; padding: 40px 0; background-color: #00824a; color: #fff; text-indent: 38px; } .Service .serviceLt h2 a { display: block; font-size: 32px; color: #fff } .Service .serviceLt h2 p { font-size: 20px; text-transform: uppercase; font-weight: normal } .Service .serviceLtBox, .Service .dl { overflow: hidden; width: 100%; background: #eeeeee; } .Service .dl dt, .Service .dl dd { text-indent: 28px; } .Service .dl dt { font-size: 20px; color: #fff; background: #ffba00; line-height: 45px; } .Service .dl dt a { color: #fff; } .Service .dl dd { padding: 10px 0; } .Service .dl dd a { display: block; font-size: 16px; color: #666; line-height: 36px; height: 36px; } .Service .dl dd a:hover { color: #00824a } .Service dl.Ltlast { padding-bottom: 25px; } .Service .serviceRt { float: right; width: 713px; } .Service .serviceRt-dl { float: left; border: 1px solid #eee; padding: 11px; width: 320px; height: 297px; background-color: #fff; margin-right: 24px; margin-bottom: 24px; } .Service .serviceRt-dl dt img { display: block; } .Service .serviceRt-dl dd { padding: 0 10px; overflow: hidden } .Service .serviceRt-dl dd h3 { font-size: 16px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 20px; } .Service .serviceRt-dl dd h3 a { color: #00824a } .Service .serviceRt-dl dd p { font-size: 14px; line-height: 20px; margin-top: 10px; color: #666666; } .Service .serviceRt-dl dd a.more { display: block; float: left; margin-top: 10px; color: #00824a; } .Service dl.bottom { margin-bottom: 0 } .Service dl.last { margin-right: 0 } .Service .serviceRt-dl:hover { background-color: #00824a } .Service .serviceRt-dl:hover h3 a, .Service .serviceRt-dl:hover dd p, .Service .serviceRt-dl:hover dd a.more { color: #fff } .phone22 { overflow: hidden; margin-top: 10px; width: 170px; padding: 30px 0; padding-left: 75px; border-radius: 10px; background: url(/skin/img/pro_phone.png) no-repeat 20px center; background-color: #00824a; } .phone22 p { font-size: 16px; color: #fff; } .phone22 b { display: block; font-size: 24px; color: #fff; font-family: 'Times New Roman' } /*标题*/ .title { overflow: hidden; width: 100%; text-align: center; margin-top: 55px; } .title h2 { font-size: 36px; color: #00824a; font-weight: normal } .title h2 a { color: #00824a; } .title i { display: block; width: 30px; height: 1px; background: #00824a; margin: 15px auto 0 } .title em { font-size: 12px; color: #999999; margin-top: 15px } .title p { font-size: 14px; color: #666666; margin-top: 15px } .title strong { color: #ffae00; } /*客户感言*/ .customer { overflow: hidden; width: 100%; background: #fff; padding-bottom: 35px } .customer .customerBox { overflow: hidden; width: 1200px; margin: 0 auto; margin-top: 25px; position: relative } .customer .customerBox em { display: block; width: 70px; height: 70px; position: absolute; top: 65px; } .customer .customerBox em.sclt { background: url("/skin/img/customerlt.png") no-repeat center top; left: 0 } .customer .customerBox em.scrt { background: url("/skin/img/customerrt.png") no-repeat center top; right: 0 } .customer .customerBox em:hover { background-position: bottom; cursor: pointer } .customer .scCon { overflow: hidden; width: 1000px; height: 320px; margin: 0 auto; position: relative } .customer ul { position: absolute; top: 0; left: 0 } .customer ul li { width: 310px; float: left; text-align: center; margin-right: 35px; } .customer ul li a { text-decoration: none } .customer ul li img { display: block; margin: 0 auto; background-color: #fff; } .customer ul li h3 { font-size: 16px; margin-top: 30px; font-weight: normal } .customer ul li h3 a { font-size: 16px; margin-top: 30px; color: #00824a } .customer ul li p { font-size: 14px; margin-top: 15px; line-height: 20px; color: #666666; height: 40px; overflow: hidden } .customer ul li:hover img { opacity: .85; } /*Answer*/ .Answer { background: url("/skin/img/answerbg.jpg") no-repeat center; width: 100%; height: 452px; overflow: hidden; } .Answer .box { width: 1000px; height: 280px; margin-top: 10px; position: relative; padding-top: 1px; } .Answer dl.dl { background: url("/skin/img/answerconbg.png") no-repeat center; width: 1000px; height: 55px; margin: 15px auto 0; position: relative; } .Answer dl.dl dt, .Answer dl.dl dd { line-height: 55px; font-size: 16px; text-indent: 76px; width: 500px; float: left; white-space: nowrap; } .Answer dl.dl dt { color: #fff; background: url("/skin/img/answerwen.png") no-repeat 30px center; } .Answer dl.dl dd { color: #00824a; background: url("/skin/img/answerda.png") no-repeat 30px center; } .Answer img.img { position: absolute; right: -215px; top: -99px; } /*Harm*/ .Harm { overflow: hidden; width: 100%; background: url("/skin/img/harmbg.jpg") no-repeat center; height: 865px; } .Harm .HarmBox { width: 500px; margin: 0 auto; color: #fff; text-align: right; margin-top: 150px; overflow: hidden; } .Harm .harmCon { width: 235px; overflow: hidden; } .Harm .harmCon h3 { font-size: 42px; margin-top: 40px; } .Harm .harmCon p { font-size: 16px; line-height: 25px; height: 75px; overflow: hidden; margin-top: 20px; } .Harm .textLeft { text-align: left } /*advantage*/ .advantage { overflow: hidden; width: 100%; background: url("/skin/img/advantagebg.jpg") no-repeat center; height: 843px; } .advantage .advantageList { width: 100%; margin-top: 45px; height: 385px; position: relative; *margin-top: 52px; } .advantage li { width: 176px; padding: 0 15px; background: url("/skin/img/yslibg.png") no-repeat center top; position: absolute; text-align: center; height: 249px; color: #fff } .advantage li h3 { font-size: 24px; margin-top: 45px; } .advantage li p { margin-top: 20px; line-height: 22px; font-size: 14px; } .advantage li i { position: absolute; background: url("/skin/img/advantageli.png") no-repeat center top; width: 25px; height: 25px; left: 50%; margin-left: -12px; } .advantage li.li01 { left: 0; top: 70px; } .advantage li.li02 { left: 265px; top: 0px; } .advantage li.li03 { right: 265px; top: 0px; } .advantage li.li04 { right: 0; top: 70px; } .advantage li.li01 i { bottom: -105px; } .advantage li.li02 i { bottom: -83px; } .advantage li.li03 i { bottom: -75px; } .advantage li.li04 i { bottom: -95px; } .advantage li:hover { background-position: bottom; color: #724217 } .advantage li:hover i { background-position: bottom; } /*Principle*/ .Principle { overflow: hidden; width: 100%; background-color: #fff; padding-bottom: 35px } .Principle .title { margin-top: 55px; } .Principle .list { overflow: hidden; width: 1000px; margin-top: 20px; } .Principle .list li { float: left; width: 180px; padding: 0 10px; text-align: center; overflow: hidden } .Principle .list li h3 { font-size: 24px; color: #00824a; font-weight: normal; margin-top: 15px; } .Principle .list li p { line-height: 22px; font-size: 14px; color: #666666; height: 66px; margin-top: 15px; } .Principle h4 { color: #b8d3c4; background: url("/skin/img/principlephone.png") no-repeat center; margin: 0 auto; width: 360px; height: 50px; line-height: 50px; margin-top: 25px; text-align: center; font-size: 26px;/* font-weight: normal */ } .Principle h4 span { font-size: 18px; color: #fff; font-weight: normal } /*流程*/ .lC { overflow: hidden; width: 100%; background: #f7f7f7 url("/skin/img/lcbg.png") repeat-x left 300px; } .lC .lcBox { width: 1000px; margin-top: 35px; height: 355px; } .lC .dl { width: 125px; float: left; text-align: center; position: relative; height: 350px; } .lC .lcBox dt i { width: 88px; height: 79px; overflow: hidden; display: block; margin: 0 auto } .lC .lcBox dt img { display: block; } .lC .lcBox dt p { font-size: 18px; line-height: 35px; color: #00824a; } .lC .wen { background: url("/skin/img/lc_libg.png") no-repeat center; width: 39px; height: 39px; margin: 0 auto; margin-top: 19px; font-size: 18px; color: #cccccc; line-height: 39px; } .lC img.lcIMg { position: absolute; bottom: 0; left: -60px; display: none } .lC .dl:hover i img { margin-top: -79px; } .lC .dl:hover p { color: #ffae00; } .lC .dl:hover .wen { background: url("/skin/img/lc_libg_h.png") no-repeat center top; height: 69px; color: #ffae00; } .lC .dl:hover img.lcIMg { display: block } /*Treatment*/ .Treatment { overflow: hidden; width: 100%; padding-bottom: 55px; } .Treatment .title { margin-top: 35px; } .Treatment .TreatmentBox { width: 1000px; margin-top: 95px; height: 280px; position: relative } .Treatment .dl { width: 340px; overflow: hidden; position: absolute } .Treatment .dl dt { width: 77px; height: 118px; } .Treatment .dl dd { width: 248px; text-align: justify; } .Treatment .dl dd h3 { font-weight: normal; font-size: 18px; color: #333333 } .Treatment .dl dd p { font-size: 14px; line-height: 26px; color: #666666; margin-top: 15px; } .Treatment .top { top: 0 } .Treatment .right { right: 0 } .Treatment .bottom { bottom: 0 } .Treatment .left { left: 0 } .Treatment img.img { position: absolute; left: 50%; margin-left: -150px; top: -35px; } /*air*/ .air { overflow: hidden; width: 100%; background: url("/skin/img/airbg.jpg") no-repeat center; height: 197px; } .air .airPhone { font-size: 14px; color: #fff; margin-top: 140px; text-indent: 275px; } .air .airPhone b { font-size: 24px; } /*about*/ .about { overflow: hidden; width: 100%; } .about dl { overflow: hidden; padding: 35px 0; width: 100%; } .about dl dt { width: 429px; float: right } .about dl dd { width: 520px; float: left; } .about dl dd h3 { font-size: 18px; } .about dl dd h3 a { color: #00824a } .about dl dd i { display: block; width: 40px; height: 1px; background: #00824a; margin: 25px 0; } .about dl dd p { font-size: 14px; color: #666666; line-height: 28px; height: 84px; overflow: hidden; } .about dl dd a.more { display: block; margin-top: 30px; width: 130px } /*团队*/ .team { overflow: hidden; width: 100%; background: #fff; padding: 20px 0 30px; } .team .teamLt { width: 735px; float: left; } .team h3 { font-size: 18px; font-weight: normal; color: #999999; text-transform: uppercase; margin-bottom: 25px; } .team h3 a { font-weight: bold; color: #00824a } .team .teamBox { position: relative; width: 735px; height: 285px; overflow: hidden } .team .list { position: absolute; top: 0; left: 0 } .team .list li { width: 240px; float: left; margin-right: 6px; } .team .list li span { display: block; text-align: center; font-size: 13px; line-height: 35px; color: #333 } .team .teamRt { float: right; width: 244px; } .team .teamCon { width: 243px; height: 318px; background-color: #eeeeee; position: relative; overflow: hidden; } .team .rtList { position: absolute; left: 0; top: 0 } .team .rtList li { width: 193px; height: 259px; padding: 15px 25px; float: left } .team .btn { width: 100%; text-align: center; overflow: hidden; position: absolute; left: 0; bottom: 15px } .team .btn span { width: 15px; height: 15px; background: #fff; border-radius: 50%; display: inline-block; margin: 0 3px; } .team .btn span { *display: inline } .team .btn span.cur { background: #ffae00 } /*choose*/ .choose { overflow: hidden; width: 100%; background: #00824a; padding-bottom: 55px; } .choose .title h2 a, .choose .title em { color: #fff; text-transform: uppercase; } .choose .title strong { color: #fff } .choose .title i { background-color: #fff } .choose .chooseBox { position: relative; width: 1000px; height: 83px; margin-top: 40px; overflow: hidden } .choose .lsit { position: absolute; top: 0; left: 0 } .choose .lsit li { width: 1000px; height: 83px; float: left; } .choose .lsit li a { display: block; width: 184px; height: 83px; margin-right: 16px; float: left; } .choose .lsit li a.last { margin-right: 0 } .choose .btn { width: 100%; text-align: center; overflow: hidden; margin-top: 45px; } .choose .btn span { width: 50px; height: 4px; background: #fff; display: inline-block; margin: 0 3px; } .choose .btn span { *display: inline } .choose .btn span.cur { background: #ffae00 } /*news*/ .news { overflow: hidden; width: 100%; padding: 60px 0; } .news .newsLt { float: left; width: 555px; } .news .newsRt { float: right; width: 365px; } .news .newsNav { overflow: hidden } .news .newsNav li { width: 133px; height: 38px; line-height: 38px; text-align: center; font-size: 14px; background-color: #eee; float: left; margin-right: 10px; } .news .newsNav li a { color: #666666; text-decoration: none } .news .newsNav li:hover, .news .newsNav li.cur { background: #00824a } .news .newsNav li:hover a, .news .newsNav li.cur a { color: #fff } .news .newsBox, .news .newsCon, .news dl { overflow: hidden; width: 100%; } .news .newsBox { margin-top: 35px; height: 325px; width: 555px; position: relative } .news .newsCon { position: absolute; left: 0; top: 0; display: none } .news .newsCon:first-child { display: block } .news dl dt { width: 167px; height: 120px; float: left; } .news dl dd { width: 370px; float: right; margin-top: 0px; overflow: hidden; } .news dl dd h3 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px } .news dl dd h3 a { color: #00824a } .news dl dd p { font-size: 14px; line-height: 22px; height: 66px; overflow: hidden; color: #666666; margin-top: 10px } .news .newsLi { overflow: hidden; width: 100%; margin-top: 20px; border-top: 1px solid #c9c9c9; } .news .newsLi li { font-size: 14px; overflow: hidden; width: 100%; padding: 14px 0; border-bottom: 1px dashed #c9c9c9 } .news .newsLi li a { display: block; width: 380px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; } .news .newsLi li span { float: right; display: block; color: #999999; } .news .NewTit { overflow: hidden; width: 100%; } .news .NewTit h3 { font-weight: normal; font-size: 24px; float: left; } .news .NewTit h3 a { color: #00824a } .news .btnLt { float: right; width: 78px; } .news .btnLt a { width: 37px; height: 33px; display: block; } .news .btnLt a.newsTop { background: url("/skin/img/newstop.jpg") no-repeat center top; float: left; } .news .btnLt a.newsBtm { background: url("/skin/img/newsbottom.jpg") no-repeat center top; float: right; } .news .btnLt a:hover { background-position: bottom } .news .newsDa { width: 365px; height: 355px; position: relative; margin-top: 10px; overflow: hidden } .news .listDa { position: absolute; top: 0; left: 0 } .news .listDa li { padding: 20px 0; width: 100%; border-bottom: 1px dotted #bbbbbb; } .news .listDa li h3 { background: url("/skin/img/newswen.jpg") no-repeat left center; padding-left: 35px; font-size: 13px; font-weight: normal } .news .listDa li h3 a { color: #333333 } .news .listDa li p { background: url("/skin/img/newsda.jpg") no-repeat left center; padding-left: 35px; font-size: 13px; color: #666666; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 15px; } /*link*/ .link { overflow: hidden; width: 100%; padding: 20px 0 } .link h3 { float: left; width: 65px; color: #666666; font-size: 14px; margin-top: 5px; } .link h3 a { color: #666666; } .link .ul { float: right; width: 930px; } .link .ul li { margin: 5px 0; float: left; border-right: 1px dotted #00824a; padding: 0 20px; font-size: 14px; } .link .ul li a { color: #666666; } /* FILE ARCHIVED ON 00:00:37 Oct 16, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 19:10:41 May 02, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.858 exclusion.robots: 0.155 exclusion.robots.policy: 0.141 cdx.remote: 0.081 esindex: 0.011 LoadShardBlock: 27.928 (3) PetaboxLoader3.datanode: 72.185 (4) load_resource: 142.925 PetaboxLoader3.resolve: 71.533 */