/*公用样式*/ *{ margin:0px; padding:0px;} body{ font:12px "微软雅黑"; color:#353535; background:#ffffff; -webkit-text-size-adjust:none;} a{ color:#353535; text-decoration:none;} a:hover{ color:#c20909;} ul,li{ list-style:none;} img{ border:0px;} input,button,textarea,select{ outline:none;} table{ border-collapse:collapse; border-spacing:0px;} .fl{ float:left;} .fr{ float:right;} .clear{ clear:both; overflow:hidden; height:0px;} /*通用顶部*/ .header{ width:100%; height:189px; background: repeat-x;} .header .top{ width:1000px; margin:auto;} .header .top dl{ height:152px;} .header .top dt{ width:526px; height:90px; margin-top:20px; float:left;} .header .top dt a{ height:90px; background:url(/uploads/image/aimages/top-logo.jpg) no-repeat; display:block;} .header .top dd{ width:300px; background:#ffffff; border:#c9c9c9 solid 1px; padding:1px; overflow:hidden; margin-top:60px; float:right;} .header .top dd input{ height:26px; line-height:26px; font-family:"微软雅黑"; font-size:14px; border:0px;} .header .top dd .txt{ width:200px; color:#888888; background:url(/uploads/image/aimages/btn.jpg) no-repeat; padding-left:40px; float:left;} .header .top dd .btn{ width:60px; color:#ffffff; background:#bb0a0a; cursor:pointer; float:right;} .header .top li{ width:140px; height:37px; line-height:37px; font-size:14px; text-align:center; position:relative; z-index:10; float:left;} .header .top li ul{ width:140px; background:#f3f4f2; padding-top:1px; position:absolute; top:37px; left:0px; display:none;} .header .top li a{ height:37px; display:block;} .header .top li a:hover,.header .top li a.on{ color:#ffffff; background:url(/uploads/image/aimages/nav.jpg) repeat-x;} /*首页banner*/ .index-banner{ width:100%; height:645px; overflow:hidden; position:relative;} .index-banner dt{ width:1440px; height:645px; overflow:hidden; position:absolute; top:0px; left:50%; margin-left:-720px;} .index-banner dd{ width:8px; overflow:hidden; position:absolute; bottom:20px; left:50%; margin-left:500px;} .index-banner dd a{ width:8px; height:8px; background:url(/uploads/image/aimages/dian1.png) no-repeat; display:block; overflow:hidden; margin-top:6px;} .index-banner dd a.on{ background:url(/uploads/image/aimages/dian1.png) no-repeat -13px 0px;} /*首页公司简介*/ .index-about{ width:1000px; overflow:hidden; margin:0px auto 50px auto;} .index-about dl{ height:303px; background:url(/uploads/image/aimages/) no-repeat; padding:40px 0px 0px 200px;} .index-about dt{ height:234px; line-height:26px; overflow:hidden;} .index-about dd{ height:40px; overflow:hidden; margin:10px 0px 0px 40px;} .index-about dd a{ height:36px; line-height:36px; font-size:14px; text-align:center; border-bottom:#dcdcdc solid 4px; display:block; margin-right:80px; float:left; _display:inline;} .index-about dd a:hover{ border-bottom:#da251c solid 4px;} .index-about .box{ height:291px; background:url(/uploads/image/aimages/index2.jpg) no-repeat; position:relative;} .index-about .box .prev,.index-about .box .next{ width:21px; height:21px; cursor:pointer; position:absolute; top:150px;} .index-about .box .prev{ background:url(/uploads/image/aimages/next.jpg) no-repeat; left:10px;} .index-about .box .next{ background:url(/uploads/image/aimages/next.jpg) no-repeat -21px 0px; right:10px;} .index-about .box .list{ width:930px; height:206px; overflow:hidden; position:absolute; top:60px; left:35px;} .index-about .box .list li{ width:294px; height:206px; margin:0px 8px; float:left; _display:inline;} /*首页最新动态*/ .news-tab{ width:100%; height:50px; overflow:hidden; position:relative;} .news-tab ul{ width:1440px; background:#202020; position:absolute; top:0px; left:50%; margin-left:-720px;} .news-tab li{ width:540px; height:50px; line-height:50px; font-size:18px; color:#ffffff; padding:0px 90px; cursor:pointer; float:left;} .news-tab li.on{ background:#da251c;} .index-news{ width:100%; background:#f7f7f7; padding:50px 0px;} .index-news dl{ width:1000px; height:230px; overflow:hidden; margin:auto; display:none;} .index-news dt{ width:620px; float:left;} .index-news dt p{ height:38px; margin-top:8px;} .index-news dt span{ font-size:14px; margin-right:10px;} .index-news dt a{ height:36px; line-height:36px; border:#d4d4d4 solid 1px; display:block; padding:0px 10px;} .index-news dt a:hover{ color:#ffffff; background:#202020; border:#202020 solid 1px;} .index-news dd{ width:341px; height:222px; margin-top:8px; overflow:hidden; position:relative; float:right;} .index-news dd p{ height:8px; overflow:hidden; position:absolute; bottom:10px; right:10px;} .index-news dd p a{ width:8px; height:8px; background:url(/uploads/image/aimages/dian1.png) no-repeat; display:block; overflow:hidden; margin-left:6px; float:left;} .index-news dd p a.on{ background:url(/uploads/image/aimages/dian1.png) no-repeat -13px 0px;} /*首页服务范围*/ .index-service{ width:100%; background:#f1f1f1;} .index-service ul{ width:1000px; height:270px; overflow:hidden; padding:80px 0px; margin:auto;} .index-service li{ width:134px; height:270px; line-height:24px; color:#7f7f7f; overflow:hidden; margin:0px 16px; float:left; _display:inline;} .index-service li p.title{ font-size:14px; margin-bottom:12px;} /*首页快捷服务*/ .index-quick{ width:100%; background:url(/uploads/image/aimages/index3.jpg) no-repeat center;} .quick-box{ width:1000px; height:614px; margin:auto; position:relative;} .quick-box .title{ width:260px; height:100px; font-size:18px; font-weight:bold; color:#ffffff; background:url(/uploads/image/aimages/icon.png) no-repeat 0px 8px; padding-left:36px; position:absolute; top:70px; left:0px;} .quick-box .title span{ font-size:28px;} .quick-box .title2{ height:20px; line-height:20px; font-size:14px; color:#ffffff; background:url(/uploads/image/aimages/icon2.png) no-repeat 0px 6px; padding-left:10px; position:absolute; top:326px; left:730px;} .quick-box .yy{ text-align:center; display:block; position:absolute; opacity:0.8;} .quick-box .yy:hover{ color:#353535;} .quick-box .yy span{ font-size:20px; font-weight:bold;} .quick-box .yy.y1{ width:125px; height:45px; background:url(/uploads/image/aimages/yuan1.png) no-repeat; padding:40px 0px; top:220px; left:60px; } .quick-box .yy.y2{ width:143px; height:43px; background:url(/uploads/image/aimages/yuan2.png) no-repeat; padding:50px 0px; top:340px; left:140px;} .quick-box .yy.y3{ width:199px; height:49px; background:url(/uploads/image/aimages/yuan3.png) no-repeat; padding:75px 0px; top:320px; left:300px;} .quick-box .red{ width:96px; height:96px; background:url(/uploads/image/aimages/yuan4.png) no-repeat; position:absolute; top:320px; left:250px;} .quick-box ul{ width:270px; height:186px; position:absolute; top:350px; right:0px;} .quick-box li{ height:30px; line-height:30px; border-bottom:#4c4c4c solid 1px;} .quick-box li span{ color:#cc0000;} .quick-box li a{ color:#ffffff;} .quick-box li a:hover{ color:#cc0000;} /*首页工程案例*/ .index-project{ width:100%; height:760px; overflow:hidden; margin:30px 0px; position:relative;} .index-project .title{ width:1000px; height:80px; font-size:24px; color:#c8cbd7; text-align:center; background:url(/uploads/image/aimages/title.jpg) no-repeat 0px 20px; position:absolute; top:0px; left:50%; margin-left:-500px;} .index-project .title span{ font-size:36px; font-weight:bold; color:#000000;} .index-project .box{ width:1440px; height:630px; overflow:hidden; position:absolute; top:100px; left:50%; margin-left:-720px;} .index-project .box li a{ width:278px; height:200px; color:#7f7f7f; overflow:hidden; margin:5px; float:left;} .index-project .box li a:hover{ color:#cc0000;} .index-project .btn{ height:12px; overflow:hidden; position:absolute; bottom:0px; left:50%; margin-left:-50px;} .index-project .btn a{ width:12px; height:12px; background:url(/uploads/image/aimages/dian2.png) no-repeat; display:block; margin-right:10px; float:left;} .index-project .btn a.on{ background:url(/uploads/image/aimages/dian2.png) no-repeat -23px 0px;} /*内页banner*/ .pages-banner{ width:100%; height:442px; text-align:center; overflow:hidden;} /*面包屑导航*/ .crumbs{ font-size:14px; color:#848484; margin-bottom:20px;} .crumbs a{ color:#848484;} .crumbs a:hover,.crumbs a.on{ color:#cc0000;} /*内页部分*/ .pages-main{ width:1000px; overflow:hidden; margin:30px auto;} .about-box{ line-height:30px; font-size:14px; color:#616161; overflow:hidden;} .about-box .font{ font-size:18px; color:#000000; margin:10px 0px;} .about-box .font2{ color:#cc0000; margin-top:10px;} .news-list{ height:375px; background:#f7f7f7; margin:30px 0px;} .news-list .pic{ width:530px; float:left;} .news-list .txt{ width:440px; padding:13px 10px; float:right;} .news-list .txt dt{ height:48px; line-height:24px; border-bottom:#cfcfcf solid 1px; padding-bottom:8px; margin-bottom:8px;} .news-list .txt dt a{ font-size:18px; color:#212121;} .news-list .txt dt a:hover{ color:#cc0000;} .news-list .txt dd{ height:234px; line-height:26px; color:#585858; overflow:hidden; margin-bottom:10px;} .news-list .txt a.more{ width:120px; height:40px; line-height:40px; font-size:18px; color:#ffffff; text-align:center; background:#bb0a0a; display:block;} .news-show{ color:#6d6d6d; overflow:hidden;} .news-show dt{ height:50px; line-height:25px; text-align:center; border-bottom:#cfcfcf solid 1px; padding-bottom:10px; margin-bottom:30px;} .news-show dt span{ font-size:18px; color:#353535;} .news-show dd{ line-height:26px; overflow:hidden;} .service-box{ overflow:hidden;} .service-box dl{ width:208px; height:180px; overflow:hidden; margin:15px 21px; float:left; _display:inline;} .service-box dt{ height:150px;} .service-box dd{ height:30px; line-height:30px; font-size:14px; text-align:center; background:#f1f1f1;} .service-show{ height:414px; background:#f7f7f7; overflow:hidden;} .service-show dt{ width:398px; float:left;} .service-show dd{ width:580px; line-height:25px; padding:6px 0px; float:right;} .project-box{ overflow:hidden;} .project-box dl{ width:310px; height:230px; margin:20px 11px; float:left; _display:inline;} .project-box dt{ height:190px; margin-bottom:8px;} .project-box dd{ height:30px; line-height:30px; text-align:center; border-top:#cfcfcf solid 1px; border-bottom:#cfcfcf solid 1px;} .message{ overflow:hidden;} .message .title{ font-size:18px; color:#000000;} .message .submit p{ margin:15px 0px;} .message .submit textarea{ width:700px; height:250px; font-size:14px; color:#777777; border:#dedede solid 1px; overflow-y:hidden;} .message .submit textarea.txt{ height:60px;} .message .submit input.btn{ width:120px; height:38px; font-family:"微软雅黑"; font-size:18px; color:#ffffff; text-align:center; background:#cb0a00; border:0px; cursor:pointer;} .message .list{ background:url(/uploads/image/aimages/line.jpg) repeat-x top; padding-top:30px; margin-top:30px;} .message .list dl{ height:100%; border-bottom:#cfcfcf solid 1px; overflow:hidden; padding-bottom:20px; margin-top:20px;} .message .list dt{ height:20px; line-height:20px; color:#898989;} .message .list dt span{ font-size:14px; color:#cb0a00;} .message .list dd{ line-height:26px; color:#666666;} .search { width:100%;height:100%;margin:auto;} .search ul {} .search ul li { height:30px;line-height:30px; border-bottom:#9c9c9c solid 1px; } /*列表分页*/ .page{ width:100%; height:40px; line-height:40px; text-align:center; overflow:hidden; margin-top:20px;} .page a{ padding:8px 14px; background:#ffffff; border:#dbdbdb solid 1px; margin:0px 5px;} .page .cpb{ border:#bb0a0a solid 1px; background:#bb0a0a; color:#ffffff;padding:8px 14px;} /*通用底部*/ .footer{ width:100%; background:url(/uploads/image/aimages/btm-bg.jpg) repeat-x;} .footer dl{ width:1000px; height:124px; margin:auto;} .footer dt{ width:90px; height:90px; background:url(/uploads/image/aimages/btm-logo.jpg) no-repeat; margin-top:18px; float:left;} .footer dt a{ height:90px; display:block;} .footer dd{ width:550px; color:#9c9c9c; text-align:right; margin-top:40px; float:right;} .footer dd p.line{ border-bottom:#9c9c9c solid 1px; padding-bottom:4px; margin-bottom:4px;} .footer dd a{ color:#9c9c9c;} .footer dd a:hover{ color:#ffff00;}