www.gusucode.com > 【T775】装修建材地板类网站织梦模板源码程序 > 【T775】装修建材地板类网站织梦模板/templets/lanfei/cn/css/style.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ @charset "utf-8"; * { padding:0px; margin:0px; } a { color:#6B4B2A; text-decoration:none; } a:hover { color:#830101; } html { margin:0px; padding:0px; height:100%; } body { font-size:12px; font-family:"宋体"; margin:0px; padding:0px; color:#6B4B2A; line-height:14px; background:url(../images/bg3.png) repeat; } ul, li, ol, li { margin:0px; padding:0px; list-style:none; } h1, h2, h3, h4, h5, h6, p, dl, dt, dd, form { margin:0px; padding:0px; font-weight:normal; font-size:12px; } img { border:0px; margin:0px; padding:0px; vertical-align:top; } table { border:0px; border-collapse:collapse; } textarea, input { font-size:12px; font-family:"宋体"; } .clear { height:0px; line-height:0px; clear:both; font-size:0px; } .head_top_right_top, .head_top, .head_bot, .index_con, .pro_small_select_img, .middle, .product_img_left_bot, .product_img, .product_img_list, .serve_list li, .brand, .index_con_left_title, .product_img_empty, .product_img_empty1 { overflow:hidden; *display:inline-block; } .head_warp { background:url(../images/bg.png) repeat-x; height:142px; } .heads, .index_con, .foot, .middle { width:990px; margin:0px auto; } .head { height:142px; background:url(../images/bg14.png) no-repeat center 104px; } .heads { height:142px; } .head_top { background:url(../images/line6.png) no-repeat center bottom; height:104px; } .head_top_left { float:left; } .head_top_left a { display:inline-block; width:400px; height:103px; } .head_top_right { float:right; width:131px; padding:20px 60px 0px 0px; } .head_top_right_top li { float:left; margin:15px 0px 0px 0px; } .head_top_right_top li.left { width:65px; text-align:right; background:url(../images/line2.png) no-repeat right top; padding:0px 15px 0px 0px; } .head_top_right_top li.right { padding:0px 0px 0px 15px; } .head_top_right_bot { padding:10px 0px 0px 0px; } .head_top_right_bot li { float:left; } .head_top_right_bot li.left { width:65px; padding:0px 15px 0px 0px; text-align:right; background:url(../images/line3.png) no-repeat right top; } .head_top_right_bot li.right { padding:0px 0px 0px 15px; } .head_top_right_bot li a { color:#B18C31; } .head_top_right_bot li a:hover { color:#B18C31; text-decoration:underline; } .head_bot { height:35px; } .head_bot li { float:left; margin:0px 7px 0px 0px; } .head_bot li a { display:block; width:92px; height:25px; text-align:center; padding:10px 0px 0px 0px; } .head_bot li a:hover, .head_bot li.press a { background:url(../images/bg15.png) no-repeat center bottom; } .index_show { position:relative; } .index_con_warp { background:url(../images/bg16.png) no-repeat center top; } .index_con { height:182px; padding:0px 0px 0px 0px; } .index_con_left_warp, .index_con_mid_warp, .index_con_right { float:left; } .index_con_left_warp { background:url(../images/bg17.png) no-repeat left 26px; width:305px; height:158px; } .index_con_mid_warp { background:url(../images/bg20.png) no-repeat left top; width:470px; height:156px; margin:12px 0px 0px 11px; } .index_con_mid_title { padding:10px 0px 0px 17px; } .index_con_left_title { padding:13px 0px 0px 12px; } .index_con_left_title li a { color:#DABE67; } .index_con_left_title li { background:url(../images/bg18.png) no-repeat left top; width:81px; height:24px; line-height:24px; font-size:12px; text-align:center; float:left; margin:0px 6px 0px 0px; color:#DABE67; cursor:pointer; } .index_con_left_title li.press { background:url(../images/bg19.png) no-repeat left top; font-weight:bold; } .index_con_left { padding:10px 0px 0px 20px; width:260px; display:none; } .index_con_left li { height:19px; } .index_con_left li a { background:url(../images/ico9.png) no-repeat left 4px; display:inline-block; padding:0px 0px 0px 15px; color:#F1B410; } .index_con_left li a:hover { color:#F1B410; text-decoration:underline; } .index_con_left li span { float:right; color:#F1B410; } .index_con_mid { width:453px; height:180px; padding:6px 0px 0px 0px; margin:0px 0px 0px 8px; } .index_con_mid_list_warp { width:370px; height:120px; position:relative; overflow:hidden; float:left; } .index_con_mid_list { width:999%; position:absolute; left:0px; top:0px; height:120px; } .index_con_mid_list li { float:left; margin:0px 16px 0px 0px; width:80px; vertical-align:middle; text-align:center; } .index_con_mid_list li img { border:1px solid #E6AA10; padding:1px; } .index_con_mid_list li span { } .index_con_mid_left, .index_con_mid_list, .index_con_mid_right { float:left; } .index_con_mid_left { padding:35px 15px 0px 10px; } .index_con_mid_left img, .index_con_mid_right img { cursor:pointer; } .index_con_mid_img { padding:0px 0px 0px 0px; } .index_con_mid_img a { display:inline-block; height:97px; padding:0px 0px 5px 0px; } .index_con_mid_img span { color:#F1B410; } .index_con_mid_size { text-align:center; } .index_con_mid_right { padding:35px 0px 0px 10px; } .index_con_right_top { padding:10px 0px 0px 0px; } .index_con_right_bot { color:#8f6f1d; padding:5px 0px 0px 25px; } .foot { background:url(../images/bg5.png) no-repeat; height:48px; line-height:48px; text-align:center; } .middle { border:1px solid #F4A900; background:url(../images/bg23.png) repeat-y left top; width:986px; } .middle_left { float:left; width:219px; } .middle_right { float:left; width:766px; border-right:1px solid #3A0203; border-bottom:1px solid #3A0203; } .kl_left_img { padding:14px 0px 0px 0px; text-align:center; } .kl_left_list { padding:20px 0px 0px 20px; } .kl_left_list li { vertical-align:middle; } .kl_left_list li a { display:inline-block; padding:9px 0px 0px 55px; color:#FFF0BF; font-size:14px; font-weight:bold; background:url(../images/bg24.png) no-repeat left bottom; width:128px; height:26px; } .kl_left_list li a:hover { background:url(../images/bg25.png) no-repeat left bottom; color:#830101; } .kl_left_list2 { padding:0px 0px 4px 0px; display:none; } .kl_left_list2 li { height:22px; line-height:22px; background:none; vertical-align:middle; padding:0px 0px 0px 60px; } .kl_left_list2 li a { background:none; font-size:12px; font-weight:normal; color:#FFF0BF; padding:0px 0px 0px 10px; height:16px; background:url(../images/ico17.png) no-repeat left 9px; } .kl_left_list2 li a:hover { background:none; color:#FFF0BF; text-decoration:underline; background:url(../images/ico17.png) no-repeat left 9px; } .kl_right_img { padding:0px 0px 0px 18px; height:54px; background:url(../images/bg26.png) repeat-x left top; } .kl_right_img_left { float:left; font-size:16px; font-weight:bold; line-height:54px; color:#d1952a; } .kl_right_img_right { float:right; color:#d1952a; padding:28px 10px 0px 15px; background:url(../images/ico11.png) no-repeat left 30px; } .kl_right_img_right a { color:#d1952a; } .kl_right_img_right a:hover { color:#d1952a; text-decoration:underline; } .pro_big_img { padding:40px 0px 0px 0px; text-align:center; } .pro_big_img img { display:none; } .pro_small_select_img { background:url(../images/bg8.png) no-repeat center top; height:87px; margin:18px 0px 0px 0px; padding:9px 0px 0px 70px; } .pro_small_select_img li { padding:3px; float:left; border:1px solid #FFB400; margin:0px 23px 0px 0px; cursor:pointer; } .pro_small_size { padding:15px 0px 20px 50px; } .pro_small_size_con { padding:0px 0px 50px 50px; line-height:24px; } .product_img_left { width:377px; float:left; } .product_img_right { float:right; width:287px; height:298px; background:url(../images/bg9.png) no-repeat left top; margin:40px 30px 0px 0px; } .product_img_right_warp { margin:7px 0px 0px 65px; width:156px; height:231px; overflow:hidden; } .product_img_right_warp img { display:none; } .product_img_left_top { padding:80px 0px 0px 50px; } .product_img_left_bot { padding:15px 0px 0px 35px; } .product_img_left_bot_left, .product_img_left_bot_mid_warp, .product_img_left_bot_right { float:left; } .product_img_left_bot_left { background:url(../images/ico6.png) no-repeat left center; width:42px; height:110px; cursor:pointer; } .product_img_left_bot_mid_warp { width:255px; height:117px; overflow:hidden; position:relative; } .product_img_left_bot_mid { width:999%; position:absolute; left:0px; top:0px; } .product_img_left_bot_mid li { background:url(../images/bg10.png) no-repeat; width:81px; height:114px; padding:3px 0px 0px 4px; float:left; cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } .product_img_left_bot_mid li.press { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity:1; } .product_img_left_bot_right { background:url(../images/ico7.png) no-repeat right center; width:35px; height:110px; cursor:pointer; } .subtitle { background:url(../images/bg11.png) no-repeat left bottom; height:39px; padding:0px 0px 0px 5px; } .product_img_list { padding:20px 0px 30px 0px; } .product_img_list li { float:left; width:99px; margin:0px 30px; height:160px; text-align:center; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; cursor:pointer; } .product_img_list li.press { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity:1; } .product_img_list li h3 { font-weight:bold; padding:10px 0px; } .serve_msg_title { padding:15px 50px 5px 38px; background:url(../images/ico19.png) no-repeat 20px 14px; width:630px; margin:0px 0px 0px 30px; } .serve_msg_con { border:1px solid #957548; background:#FFFDEE; margin:0px 50px 0px 50px; line-height:24px; padding:0px 5px 30px 5px; width:657px; } .serve_msg_line { height:1px; background:url(../images/line7.png) repeat-x left bottom; font-size:0px; margin:15px 50px 0px 50px; } .serve_warp { padding:0px 0px 15px 0px; } .serve_page { padding:30px 140px 0px 0px; text-align:right; } .serve_page a { display:inline-block; margin:0px 5px; } .serve_list { padding:30px 0px 0px 90px; } .serve_list li { padding:0px 0px 13px 0px; } .serve_list li b { float:left; font-weight:normal; display:inline-block; width:80px; text-align:right; padding:4px 0px 0px 0px; } .serve_list li input { float:left; width:423px; height:20px; color:#B18C31; line-height:20px; padding:0px 0px 0px 3px; background:#DEBE91; border-top:1px solid #957548; border-left:1px solid #957548; border-right:0px; border-bottom:0px; } .serve_list li textarea { float:left; width:425px; height:163px; color:#B18C31; background:#DEBE91; border-top:1px solid #957548; border-left:1px solid #957548; border-right:0px; border-bottom:0px; } .serve_but { padding:10px 0px 30px 169px; } .serve_but1, .serve_but2 { background:url(../images/but2.png) no-repeat; width:69px; height:29px; line-height:26px; cursor:pointer; border:0px; color:#fff; margin:0px 16px 0px 0px; } .referral { } .referral_img { padding:50px 90px 20px 50px; } .referral_size { line-height:26px; padding:20px 20px 30px 20px; color:#6B4B2A; } .about_size { padding:30px 20px 30px 20px; line-height:22px; } .news { padding:0px 0px 0px 0px; } .news_title { background:url(../images/bg12.png) no-repeat; width:713px; height:37px; line-height:37px; } .news_title h3 { float:left; padding:0px 0px 0px 40px; } .news_title h4 { float:right; padding:0px 40px 0px 0px; } .news_list { padding:20px 25px 80px 25px; } .news_list li { border-bottom:1px solid #B7A281; padding:12px 0px 10px 0px; } .news_list_top { height:16px; line-height:16px; padding:0px 0px 5px 0px; } .news_list_top a { display:inline-block; padding:0px 0px 0px 16px; background:url(../images/ico8.png) no-repeat left center; color:#6B4B2A; font-weight:bold; } .news_list_top a:hover { color:#6B4B2A; text-decoration:underline; } .news_list_top span { float:right; padding:0px 24px 0px 0px; font-family:Arial; font-size:10px; } .news_list_bot { line-height:20px; height:40px; } .news_list_bot a { color:#821212; } .news_list_bot a:hover { color:#821212; text-decoration:underline; } .news_con { padding:0px 25px; } .news_con_title { font-size:14px; line-height:25px; text-align:center; font-weight:bold; padding:20px 0px 0px 0px; } .news_con_title1 { text-align:center; background:url(../images/line7.png) repeat-x left bottom; padding:5px 0px 14px 0px; } .news_con_note { line-height:22px; padding:20px 20px 30px 20px; } .brand { padding:40px 0px 70px 15px; } .brand_left { width:531px; float:left; border:1px solid #C19140; } .brand_right { float:right; width:160px; margin:0px 35px 0px 0px; } .brand_right_list li { height:43px; line-height:43px; background:url(../images/line5.png) repeat-x left bottom; } .brand_right_list li a { display:inline-block; padding:0px 0px 0px 23px; background:url(../images/ico8.png) no-repeat 9px center; } .world { text-align:center; padding:50px 0px 30px 0px; } .worlds { padding:70px 50px 70px 50px; line-height:24px; } .foot { background:url(../images/bg13.png) no-repeat center top; } .foot_warp { background:url(../images/bg22.png) no-repeat center top; } .referral_matter1 { background:url(../images/bg27.png) no-repeat center top; } .referral_matter2 { background:url(../images/bg28.png) no-repeat center bottom; padding:0px 0px 40px 0px; min-height:400px; height:auto !important; height:400px; } .news_con_page_top { background:url(../images/ico12.png) no-repeat left center; padding:0px 0px 0px 20px; border-top:1px solid #B7A173; border-bottom:1px solid #B7A173; height:27px; line-height:27px; } .news_con_page_bot { background:url(../images/ico13.png) no-repeat left center; padding:0px 0px 0px 20px; border-bottom:1px solid #B7A173; height:27px; line-height:27px; } .page_but_re { text-align:right; padding:20px 0px 20px 0px; } /*2012-5-26*/ .banner { position:relative; width:1008px; height:382px; margin-bottom:0px; background:url(../images/bg3.png) repeat; overflow:hidden; } .slider { position:absolute; top:0; left:0; width:1008px; height:382px; } .slider li { list-style:none; display:inline; } .slider img { width:1008px; height:382px; display:block; } .num { position:absolute; right:5px; bottom:5px; } .num li { float: left; color: #ff6600; text-align: center; line-height: 16px; width: 16px; height: 16px; font-family: Arial; font-size: 12px; cursor: pointer; overflow: hidden; margin: 3px 1px; border: 1px solid #ff6600; background-color: #fff; } .num li.on { color: #fff; line-height: 21px; width: 21px; height: 21px; font-size: 16px; margin: 0 1px; border: 0; background-color: #ff6600; font-weight: bold; } .kl_map td { font-size:12px; } .index_show_warp { position:relative; height:388px; } .index_sjow_empty li { height:388px; } .index_show_page { position:absolute; left:45%; top:359px; width:113px; height:29px; z-index:99; background:url(../images/bg29.png) no-repeat; padding:0px 0px 0px 19px; } .index_show_page li { float:left; cursor:pointer; margin:12px 3px 0px 3px; width:13px; height:12px; overflow:hidden; } .index_show_page2 { display:none; } .index_sjow_empty_img { position:absolute; left:0px; top:0px; width:100%; height:389px; z-index:80; } .index_sjow_empty_img a { width:100%; height:389px; z-index:80; display:block; } .index_show_page1, .index_show_page2 { float:left; } .product_img_empty { padding:20px 0px 20px 24px; } .product_img_empty li { float:left; margin:0px 17px 12px 17px; cursor:pointer; height:190px; } .product_img_empty_top { background:url(../images/bg30.png) no-repeat; width:145px; height:172px; text-align:center; padding:9px 0px 0px 0px; } .product_img_empty li h3 { text-align:center; width:145px; } .product_img_empty1 li h3 { word-wrap: break-word; word-break: normal; } .pro_imgshow { top:220px; left:25%; position:absolute; z-index:99; display:none; } .pro_imgshow_bg { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; background:#000; width:100%; position:absolute; left:0px; top:0px; z-index:10; display:none; } .pro_imgshow_top { text-align:right; padding:0px 18px 0px 0px; } .pro_imgshow_top img { cursor:pointer; } .pro_imgshow_bot { width:686px; height:609px; background:url(../images/bg33.png) no-repeat; } .pro_imgshow_bot_size { color:#610101; font-size:14px; line-height:30px; } .pro_imgshow_bot_img { text-align:center; padding:28px 1px 0px 0px; } .pro_imgshow_bot_size { font-size:14px; color:#610101; font-weight:bold; padding:5px 0px 0px 30px; } .pro_imgshow_bot_size1 { color:#3f3f3f; padding:0px 0px 0px 30px; } .product_img_empty_caption, .product_img_empty_con { display:none; } .kl_banner { margin:0px auto 1px auto; height:153px; position:relative; } .kl_banner_img { position:absolute; left:0px; top:0px; height:153px; width:100%; display:none; } .brand_flash { text-align:center; padding:50px 0px; } .product_img_empty1 { padding:20px 0px 50px 16px; } .product_img_empty1 li { background:url(../images/bg35.png) no-repeat; width:164px; float:left; margin:0px 10px; height:193px; } .product_img_empty_top1 { padding:12px 0px 0px 12px; } .product_img_empty1 li h3 { text-align:center; padding:10px 0px 0px 0px; width:150px; margin:0px auto; } .serve_list_size { padding:0px 50px; line-height:21px; } .manageFoot { text-align:center; } .kl_kefu { width:90px; position:absolute; top:200px; right:0px; z-index:99999; } *html { background-image:url(about:blank); background-attachment:fixed; } .kl_kefu_small { cursor:pointer; margin:0px 0px 0px 70px; } .kl_kefu_big { display:none; } .kl_kefu_big_top { background:url(../images/bg37.png) no-repeat; width:90px; height:113px; font-size:0px; } .kl_kefu_big_top b { display:inline-block; width:19px; height:18px; cursor:pointer; float:right; } .kl_kefu_big_mid { width:82px; background:url(../images/bg38.png) repeat-y; } .kl_kefu_big_mid li { text-align:center; padding:0px 0px 5px 0px; } .kl_kefu_big_bot { height:5px; font-size:0px; background:url(../images/bg39.png) repeat-y; }