gusucode.com > 【demx81】电动汽车产品展示类企业网站织梦dedecms模板 > 【demx81】电动汽车产品展示类企业网站织梦dedecms模板/css/css.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ /* CSS Document */ * { margin: 0 auto; padding: 0; border: 0; } body { line-height: 25px; font-family: "宋体"; font-size: 12px; background-color: #f6f6f6 } a { text-decoration: none; color: #000; } ul { list-style: none; } /*头部*/ .top_bg { width: 100%; height: 80px; background-color: #00a73d; } .top { width: 980px; height: 80px; } .logo { width: 393px; height: 71px; float: left; margin-top: 3px; } .phone { width: 155px; height: 30px; float: right; font-family: "微软雅黑"; font-size: 16px; background: url(../images/phone_inco.jpg) left center no-repeat; line-height: 30px; text-align: left; padding-left: 35px; color: #fff; margin-top: 30px; } /*导航*/ .nav_bg { width: 100%; height: 40px; background-color: #fff; } .nav { width: 980px; height: 40px; } .menu { z-index: 99999; _overflow: hidden; width: 980px; height: 40px; } .menu li { width: 115px; height: 40px; border-right: 1px solid #ededed; float: left; font-family: "微软雅黑"; font-size: 14px; font-weight: 600; line-height: 40px; text-align: center; position: relative; } .menu li.nav_now { background-color: #eaeaea; } .menu li a { color: #6b6b6b; } .menu li:hover { background-color: #eaeaea; } .menu li ul { width: 115px; border: 1px solid #e0e0e0; background-color: #fff; border-top: none; position: absolute; left: -1px; top: -999em; z-index: 99999; display: none; } .menu li ul .menuul_bg { width: 115px; height: 4px; background-image: url(../images/menu.png); margin-top: -4px; margin-bottom: 10px; } .menu li:hover ul { top: 44px; display: block; } .menu li:hover ul li { clear: both; border: 0; width: 115px; height: 30px; text-align: center; font-family: "微软雅黑"; font-size: 12px; font-weight: 100; margin: 0 auto; } .menu li:hover ul li:hover { background: none; } .menu li:hover ul li a:hover { background-color: #00a83b; color: #fff; } .menu li:hover ul li a { width: 90px; height: 25px; display: block; color: #555; line-height: 25px; } /*大图展示*/ .banner { width: 100%; height: 540px; position: relative; } #slides { display: block; width: 100%; height: 540px; 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: 20%; top: 510px; z-index: 9900; padding: 5px 15px 5px 0; margin: 0; } #pagination li { display: block; list-style: none; width: 10px; height: 10px; float: left; margin-left: 15px; border-radius: 5px; background: #FFF; } #pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; } #pagination li.current { background: #00a73a; } /*公司信息*/ .info { width: 980px; height: 180px; } .InfoBox { width: 320px; height: 160px; border: 1px solid #eee; border-bottom: 0; background: url(../images/infobox_bg.jpg) bottom repeat-x; float: left; margin-top: 20px; background-color: #fff; } .InfoBox_title { width: 300px; height: 40px; } .BoxTitle { width: 100px; height: 40px; background: url(../images/boxtitle_inco.jpg) left center no-repeat; padding-left: 10px; float: left; line-height: 40px; font-family: "微软雅黑"; font-size: 14px; font-weight: 600; text-align: left; } .more { width: 17px; height: 17px; float: right; margin-top: 10px; } .InfoBox_con { width: 300px; height: 115px; margin-top: 5px; } .about_p { width: 130px; height: 95px; float: left; } .about_w { width: 160px; height: 95px; color: #696969; float: right; } .InfoBox_con ul { width: 300px; height: 115px; } .InfoBox_con ul li { width: 300px; height: 25px; background: url(../images/infoboxli_inco.jpg) left center no-repeat; } .InfoBox_con .news_title { width: 180px; height: 25px; margin-left: 10px; float: left; text-align: left; } .news_title a { color: #696969; } .InfoBox_con .news_time { width: 100px; height: 25px; float: right; text-align: right; color: #696969; } /*产品展示*/ .production { width: 980px; height: 250px; border-bottom: 1px solid #eee; border-bottom: 0; background: url(../images/infobox_bg.jpg) bottom repeat-x; background-color: #fff; margin-top: 10px; } .pro_title { width: 958px; height: 40px; border-bottom: 1px solid #eee; padding: 0 10px; } .pro_con { width: 978px; height: 210px; } .pro_con ul { width: 978px; height: 210px; overflow: hidden; } .pro_con ul li { width: 230px; height: 175px; float: left; display: inline; margin: 20px 7px 0 7px; } .pro_p { width: 230px; height: 147px; } .pro_name { width: 220px; height: 20px; line-height: 20px; text-align: left; background-color: #00a73d; margin-top: 7px; padding-left: 10px; } .pro_name a { color: #fff; } /*页脚*/ .footer_bg { width: 100%; height: 105px; background-color: #00a73d; float: left; margin-top: 20px; } .footer { width: 980px; height: 85px; text-align: center; color: #fff; padding-top: 20px; } .footer a { color: #fff; } /*关于我们*/ .inside_ban { width: 980px; height: 272px; } .InsideCon_bg { width: 100%; float: left; margin-top: 10px; } .InsideCon { width: 980px; } .IC_left { width: 204px; float: left; border: 1px solid #eae5e9; background-color: #fff; } .ICL_title { width: 210px; height: 47px; background-image: url(../images/LT_bg.png); margin-top: 10px; margin-left: -6px; font-family: "微软雅黑"; font-size: 14px; font-weight: 600; color: #565353; line-height: 40px; text-align: center; } .ICL_con { width: 204px; padding-bottom: 100px; } .ICL_con ul { width: 204px; } .ICL_con ul li { width: 204px; height: 45px; border-bottom: 1px solid #eae5e9; background: url(../images/ICLC_inco.jpg) left center no-repeat; font-family: "微软雅黑"; line-height: 45px; text-align: center; } .ICL_con ul li a { color: #565353; } .ICL_con ul li:hover { background: url(../images/ICLCI_now.jpg) left center no-repeat; background-color: #f7f7f7; } .ICL_con ul li.ICL_now { background: url(../images/ICLCI_now.jpg) left center no-repeat; background-color: #f7f7f7; } .IC_right { width: 765px; float: right; border: 1px solid #eae5e9; background-color: #fff; } .ICR_title { width: 700px; height: 70px; border-bottom: 1px dashed #d6d6d6; line-height: 70px; text-align: left; font-family: "微软雅黑"; font-size: 24px; color: #00a73c; } .ICR_con { width: 700px; margin-top: 10px; color: #7a7d7e; padding-bottom: 50px; } .ICR_con h1 { font-size: 12px; color: #198dc9; } .about_title { width: 700px; height: 50px; font-family: "微软雅黑"; font-size: 16px; font-weight: 600; line-height: 50px; text-align: center; color: #5e5f60; } /*新闻动态*/ .Inewslist { width: 700px; } .Inewslist ul { width: 700px; padding-bottom: 20px; } .Inewslist ul li { width: 700px; height: 45px; border-bottom: 1px solid #e4e4e2; background: url(../images/NlI_a.jpg) left center no-repeat; } .Inewslist ul li:hover { background: url(../images/NlI_b.jpg) left center no-repeat; background-color: #f9f9f9; } .Inewslist ul li.newsnew { width: 700px; height: 160px; background: none; line-height: 25px; } .newsnew .new_p { width: 195px; height: 130px; float: left; margin: 10px 0 0 20px; } .newsnew .new_w { width: 440px; height: 130px; float: right; margin-right: 20px; } .newsnew .NewN_title { width: 440px; height: 35px; font-family: "微软雅黑"; font-size: 14px; line-height: 35px; text-align: left; margin-top: 5px; } .NewN_title a { color: #494848; } .NewN_title:hover { line-height: 33px; } .newsnew .NewN_detail { width: 440px; height: 60px; color: #a9a6a6; text-align: left; } .NewN_detail span a { color: #494848; } .newsnew .NewN_time { width: 430px; height: 30px; line-height: 50px; text-align: right; color: #a9a6a6; padding-right: 10px; font-size: 14px; } .Inewslist .Inew_title { width: 400px; margin-left: 35px; height: 45px; line-height: 45px; text-align: left; float: left; } .Inewslist .Inew_title a { color: #757474; } .Inewslist .Inew_title a b { font-weight: inherit; } .Inewslist .Inew_title a:hover { color: #00a73c; } .Inewslist .Inew_time { width: 100px; height: 45px; line-height: 45px; text-align: right; color: #a9a6a6; float: right; margin-right: 30px; } .page { width: 700px; height: 35px; text-align: center; margin: 20px 0 50px 0; float: left; } .page li { list-style: none; border: 1px solid #c7cfc2; float: left; margin-right: 5px; padding-right: 5px; padding-left: 5px; } .thisclass { background-color: #62f898; } /*文章页面*/ .art_content { width: 980px; background-color: #fff; padding-top: 50px; padding-bottom: 50px; margin-top: 20px; border: 1px solid #eae6e9; } .art_title { width: 800px; height: 40px; line-height: 40px; text-align: left; color: #333; font-family: "微软雅黑"; font-size: 24px; } .art_info { width: 800px; height: 40px; line-height: 40px; text-align: left; color: #8e8c8c; border-bottom: 1px dashed #d7d6d7; } .artinfo_author { height: 40px; line-height: 40px; padding-left: 15px; margin-right: 50px; background: url(../images/author_inco.jpg) left center no-repeat; } .artinfo_time { padding-left: 15px; height: 40px; line-height: 40px; background: url(../images/time_inco.jpg) left center no-repeat; } .art_con { width: 800px; color: #8b8b8b; margin-top: 25px; padding-bottom: 80px; } .trun { width: 800px; height: 40px; border-top: 1px dashed #d7d6d7; border-bottom: 1px dashed #d7d6d7; color: #afafaf; line-height: 40px; } .trun a { color: #afafaf; } .trun a:hover { color: #00a73c; } .trun .trun_left { float: left; text-align: left; } .trun .trun_right { float: right; text-align: right; } /*产品中心*/ .ICR_con ul { width: 720px; } .ICR_con ul li { width: 230px; height: 175px; float: left; display: inline; margin: 20px 4px 30px 6px; } /*产品页面*/ .pro_intro { width: 980px; height: 224px; background-color: #f6f6f6; padding-top: 30px; } .prointro_p { width: 303px; height: 182px; background-color: #fff; padding: 5px 5px; float: left; margin-left: 100px; } .prointro_w { width: 470px; height: 182px; float: right; } .PIW_title { width: 470px; height: 30px; line-height: 30px; text-align: left; font-family: "微软雅黑"; font-size: 14px; color: #00a73c; } .PIW_con { width: 470px; height: 142px; color: #8b8b8b; margin-top: 10px; } .RT_cn { font-size: 16px; color: #00a73c; font-family: "微软雅黑"; } .RT_en { font-size: 16px; color: #dedddd; } .artcon_title { width: 800px; height: 80px; line-height: 80px; text-align: left; border-bottom: 1px dashed #d7d6d7; font-family: "微软雅黑"; margin-top: 20px; } #nav_menu_4 { display: none; } #nav_menu_5 { display: none; } #nav_menu_6 { display: none; } #nav_menu_7 { display: none; }