www.gusucode.com > 21:【198-3830】营销型水处理设备净化水设备网站织梦模板(带手机端) > 21:【198-3830】营销型水处理设备净化水设备网站织梦模板(带手机端)/templets/moban/images/style.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ @charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; color: #656565; font-family: "微软雅黑"; font-size: 14px; } a { text-decoration: none; } li { list-style: none; } img { border: 0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } .pageTop { height: 30px; line-height: 30px; border-bottom: 1px solid #dddddd; } .pageTBox { width: 1100px; margin: 0 auto; overflow: hidden; } .pageTBox h3 { float: left; font-size: 12px; color: #959595; } .pageTBox ul { float: right; } .pageTBox ul li { float: left; background-repeat: no-repeat; background-position: left center; color: #959595; margin-left: 7px; } .pageTBox ul li a { margin-left: 20px; color: #959595; margin-right: 10px; font-size: 12px; } .pageTBox ul li.topLink1 { background-image: url(../images/linkPic1.jpg); } .pageTBox ul li.topLink2 { background-image: url(../images/linkPic2.jpg); } .pageTBox ul li.topLink3 { background-image: url(../images/linkPic3.jpg); } .logoLine { width: 1100px; margin: 0 auto; overflow: hidden; height: 100px; clear: both; } .logo { float: left; margin-top: 16px; } .logoLine dl { float: right; margin-top: 29px; background-image: url(../images/phone.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 75px; height: 54px; } .logoLine dl dd { color: #949494; } .logoLine dl dt { font-family: Impact; color: #029ed9; font-size: 26px; } .nav { height: 50px; background-color: #029ed9; clear: both; line-height: 50px; } .nav ul { width: 1098px; margin: 0 auto; overflow: hidden; } .nav ul li { width: 122px; float: left; text-align: center; } .nav ul li:hover { background-color: #ffa100; } .nav ul li a { color: white; font-size: 16px; } .full_banner { width: 100%; position: relative; height: 500px; background: #FFF; overflow: hidden; } .full_banner .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; } .full_banner .bd ul { width: 100% !important; } .full_banner .bd li { width: 100% !important; float: left; height: 500px; overflow: hidden; text-align: center; } .full_banner .bd li a { display: block; height: 500px; } .full_banner .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 50px; line-height: 50px; text-align: center; } .full_banner .hd ul { text-align: center; } .full_banner .hd ul li { cursor: pointer; display: inline-block; *display:inline; zoom: 1; width: 40px; height: 12px; margin: 5px; background: url(../images/tg_flash_p.png) -50px 0; overflow: hidden; line-height: 9999px; } .full_banner .hd ul .on { background-position: 0px 0px; } .search { height: 44px; border-bottom: 1px solid #dddddd; line-height: 44px; } .searchPart { width: 1100px; margin: 0 auto; overflow: hidden; } .searchPart p { float: left; font-size: 12px; } .searchPart p span { color: #029ed9; } .searchPart p a { font-size: 12px; color: #656565; margin: 0 5px; } .searchPart p a:hover { text-decoration: underline } .searBox { float: right; width: 300px; height: 24px; border: 1px solid #dddddd; margin-top: 10px; } .searBox input { float: left; width: 235px; height: 24px; } .searBox img { float: right; } .coper { width: 1100px; margin: 30px auto; clear: both; } .coperName { height: 94px; background: url(../images/coperName.jpg) no-repeat center 0; margin-bottom: 20px; } .coper ul { overflow: hidden; height: 110px; } .coper ul li { float: left; width: 167px; height: 110px; margin-left: 14px; } .coper ul li img { display: block; width: 165px; height: 108px; border: 1px solid #dddddd } #demo { overflow: hidden; width: 1100px; margin: 0 auto; } #indemo { float: left; width: 800%; } #demo1 { float: left; } #demo2 { float: left; } .GCenter { clear: both; background: url(../images/GCbg.jpg) no-repeat #e9e9e9 center 0; height: 570px; } .GCBox { width: 1100px; margin: 0 auto; overflow: hidden; } .leftGC { float: left; width: 270px; background-color: #029ed9; } .rightGC { float: right; width: 810px; height: 548px; } .leftGCN { width: 270px; height: 70px; background-color: #ffa100; text-align: center; } .leftGCN h2, .leftGCN h3 { color: white; } .leftGCN h2 { font-size: 16px; } .leftGCN h3 { font-size: 24px; line-height: 40px; } .leftHCon li { text-align: center; height: 45px; line-height: 45px; } .leftHCon li a { color: white; font-size: 16px; display: block; height: 45px; width: 270px; } .leftHCon li a:hover { background-color: #ffa100; } .rightGCN { overflow: hidden; margin-top: 20px; } .rightGCN li { float: left; margin-left: 10px; height: 60px; width: 250px; background-color: #e9e9e9; line-height: 60px; text-align: center; font-size: 18px; cursor: pointer } .rightGCN li.speciaGC { color: white; background-color: #029ed9; } .rightHCon { clear: both; } .rightHCon ul { overflow: hidden; display: none; } .rightHCon ul li { float: left; margin: 20px 10px 0 10px; width: 250px; height: 214px; } .rightHCon ul li a { display: block; width: 250px; height: 180px; } .rightHCon ul li a img { width: 250px; height: 180px; } .rightHCon ul li p { text-align: center; line-height: 33px; } .reason { clear: both; height: 627px; background: url(../images/reason.jpg) no-repeat center 0; } .Ads { background: url(../images/ads.jpg) no-repeat center 0; padding: 69px 0 38px 0 } .AdsBox { width: 1100px; margin: 0 auto; overflow: hidden; } .AdText { float: right; width: 210px; height: 93px; } .AdText img { margin-left: 96px; } .AdText p { color: #019bff; font-size: 26px; font-family: Impact; line-height: 50px; } .Advan { width: 1100px; margin: 0 auto; clear: both; overflow: hidden; height: 843px; padding: 280px 0 48px 0; background: url(../images/advan.jpg) no-repeat center 0; } .leftAd { float: left; width: 500px; margin-top: 367px; margin-left: 80px; } .rightAd { float: right; width: 500px; } .Advan p { height: 123px; line-height: 30px; font-size: 16px; } .casePart { height: 417px; background-image: url(../images/caseBg.jpg); clear: both; } .caseBox { width: 1100px; margin: 0 auto; background-color: white; height: 417px; } .caseName { height: 92px; background: url(../images/caseName.jpg) no-repeat center 0; } .mr_frbox { height: 310px; } .mr_frBtnL { float: left; margin-top: 134px; cursor: pointer; display: inline; } .mr_frUl { float: left; height: 310px; } .mr_frBtnR { float: right; margin-top: 134px; cursor: pointer; } .mr_frUl ul li { display: inline; float: left; height: 310px; width: 232px; margin: 0 12px; overflow: hidden; position: relative; } .mr_frUl ul li div { width: 230px; height: 258px; border: 1px solid #dddddd; } .mr_frUl ul li img { display: block; width: 222px; height: 250px; margin: 4px auto; } .mr_frUl ul li p { text-align: center; line-height: 40px; } .profile { clear: both; height: 300px; background: url(../images/profileBg.jpg) no-repeat center 0 } .profileBox { width: 1100px; margin: 0 auto; overflow: hidden; } .profileBox img { display: block; float: left; width: 300px; height: 300px; margin-left: 20px; } .profileText { float: right; width: 730px; margin-top: 100px; } .profileText p { color: white; line-height: 26px; height: 104px; overflow: hidden; margin-bottom: 20px; } .profileText input { width: 100%; height: 40px; border: 1px solid white; background: none; cursor: pointer; font-size: 18px; color: white } .custom { width: 1100px; margin: 44px auto; } .customName { height: 75px; background: url(../images/customName.jpg) no-repeat center 0; margin-bottom: 12px; } .custom h2 { color: #029ed9; background: url(../images/customBox.jpg) no-repeat center 0; width: 298px; height: 25px; margin: 0 auto; text-align: center; line-height: 25px; } .customCon { overflow: hidden; height: 346px; } .leftCus { width: 1200px; } .leftCus div { height: 132px; margin: 20px 0; width: 560px; float: left } .leftCus img { display: block; width: 132px; height: 132px; float: left; } .leftCus dl { width: 340px; float: left; margin-left: 20px; } .leftCus dl dd { color: #5c5c5c; line-height: 24px; } .leftCus dl dt { line-height: 24px; } .leftCus dl dt a { color: #a3a3a3; } .leftCus dl dt a:hover { color: #7d7d7d; } .newsPArt { background-color: #f3f3f3; clear: both; padding: 30px 0; } .newsBox { width: 1100px; margin: 0 auto; overflow: hidden; height: 415px; } .leftNews, .midNews { float: left; } .rightNews { float: right; width: 270px; } .leftNews { width: 247px; padding-right: 56px; background-image: url(../images/shadow.jpg); background-repeat: no-repeat; background-position: right center; } .newsName { height: 32px; background-image: url(../images/newsLine.jpg); background-repeat: no-repeat; background-position: bottom; overflow: hidden; } .blueDot { float: left; } .newsName h3 { float: left; font-size: 16px; font-weight: bold; color: #029ed9; margin-left: 17px; } .newsName a { float: right; } .newsMid { display: block; width: 241px; height: 107px; margin: 24px 0; } .newsBox ul li { height: 42px; background-image: url(../images/dot.jpg); background-position: left center; background-repeat: no-repeat; line-height: 42px; border-bottom: 1px dotted #cecece } .newsBox ul li a { margin-left: 14px; } .midNews { width: 462px; padding-right: 56px; background-image: url(../images/shadow.jpg); background-repeat: no-repeat; background-position: right center; } .midNLine { height: 109px; margin: 24px 0; overflow: hidden; } .midNLine img { display: block; float: left; width: 137px; height: 109px; } .midNLine dl { float: right; width: 305px; } .midNLine dl dd, .midNLine dl dt { line-height: 26px; } .midNLine dl dd a { color: #029ed9; } .BotmNew { clear: both; } .BotmNew div { height: 42px; line-height: 42px; border-bottom: 1px dotted #cecece; overflow: hidden; } .BotmNew div img { float: left; margin-top: 17px; } .BotmNew div p { float: left; margin-left: 10px; } .BotmNew div h2 { float: right; color: #adadad; } .newsTble { margin-top: 20px; } .newsTble div { overflow: hidden; margin-bottom: 10px; } .newsTble div p { float: left; width: 72px; text-align: left; line-height: 30px; } .newsTble div input, .newsTble div textarea, .newsTble div img { float: left; } .newsTble div input.longText { width: 170px; height: 28px; border: 1px solid #a9a9a9; } .newsTble div input.shortText { width: 98px; height: 28px; border: 1px solid #a9a9a9; } .newsTble div img { margin-left: 5px; margin-top: 3px; } .pageBotm { background: url(../images/botmBg.jpg) #029ed9 no-repeat center 0; padding: 30px 0; clear: both; } .pageDBox { width: 1100px; margin: 0 auto; } .pageDBox h3 { line-height: 40px; border-bottom: 1px solid #0ab0ee; color: white; font-size: 18px; font-weight: bold } .pageDBox h3 span { color: #19bcf9; font-weight: normal; font-size: 18px; margin-left: 5px; } .linkPart p { color: white; line-height: 50px; margin-bottom: 15px; } .linkPart p a { color: white; margin: 0 15px; } .subNav { clear: both; height: 40px; line-height: 40px; background-color: #00adef; text-align: center; color: white } .subNav a { color: white; margin: 0 10px; } .pageBText { background-image: url(../images/subNavBg.jpg); background-repeat: no-repeat; background-position: top center; height: 150px; padding-top: 40px; overflow: hidden; } .botmLogo { float: left; margin: 22px 0 0 60px; } .pageBText p { float: left; width: 675px; margin-left: 60px; line-height: 26px; color: white } .pageBText p span { color: white; margin: 0 20px; } .pageBText p a { color: white; margin-right: 20px; } .pageBText p a:hover { text-decoration: underline; } .ewm { float: right; margin: 25px 90px 0 0 }