ul,p,form,h1{ margin:0; padding:0;} body{ margin:0 auto; padding:0; font-size:12px; font-family:宋体; line-height:20px; overflow-x:hidden;} a{ text-decoration:none; color:#000;} li{ list-style-type:none;} .left{ float:left;} .clear{ clear:both;} img{ border:0;} a:hover{ color:#950202;} img{ border:0;} .con{ overflow:hidden;} #top{ height:auto; margin:0 auto;} #menu{ width:100%; margin:0 auto; } #menu .menu{ height:100%; margin:0 auto; position:relative; z-index:10;} /*子菜单*/ ul#xiala li ul{position:absolute; left:0; width:100%; height:auto; display:none; background:#ccc; z-index:10;} ul#xiala li ul li{ width:100%; height:30px; line-height:30px; text-align:center;} ul#xiala .marpos li a{ color:#000;} ul#xiala .marpos li a:hover{ color:#D22315;} ul#xiala .ho:hover span a{color:#E71612;} #banner{ width:100%; height:auto; position:relative; z-index:1;} #myFocus{ width:auto; height:376px;} #rxcp .conbg{ height:100%; margin:0 auto;} #rxcp .conbg .span_1{ width:120px; height:100%; background:url(../Images/dj_08.jpg) no-repeat; display:block;} #rxcp .conbg .con{ width:678px; height:100%; line-height:37px;} #rxcp .conbg .span_2{ width:190px; height:100%; background:url(../Images/dj_10.jpg) no-repeat; display:block;} .cpss .conbg{ width:100%; height:83px; } .cpss .conbg .con{ height:100%; margin:0 auto;} .cpss .conbg .con .span_1{background:url(../Images/c.png) no-repeat; display:block; margin:5px 0 0 10px;} .cpss .conbg .con ul{ height:100%; margin:0 0 0 8px; float:left;} .cpss .conbg .con ul li{ float:left; margin:0 3px; overflow:hidden;} .cpss .conbg .con ul li img{ vertical-align:middle;} .cpss .span_1{ width:100%; height:25px; background:url(../Images/dj_21.jpg) no-repeat; display:block;} #search{ width:146px; margin-left:146px; margin-top:15px; outline:none; border:1; float:left;} #button{ width:50px; height:22px; margin-left:17px; filter:alpha(opacity=0);opacity: 0; cursor:pointer; margin-top:12px; float:left;} .cpss .conbg2{ width:100%; } .cpss .conbg2 .con{ height:100%; margin:0 auto;} .cpss .conbg2 .con ul{ margin-left:10px;} .cpss .conbg2 .con ul li{ margin:2px auto; overflow:hidden; white-space:nowrap;} .cpss .conbg2 .con ul li a{ color:#4E4E4E;} .cpss .span_2{ width:100%; height:10px;display:block;} .fazz .span_1{ width:100%; height:38px; background:url(../Images/dj_14.jpg) no-repeat; display:block;} .fazz .conbg{ width:100%; height:92px; background:url(../Images/dj_17.jpg) no-repeat;} .fazz .conbg .con{ width:308px; height:100%; margin:0 0 0 40px;} .fazz .span_2{ width:100%; height:38px; background:url(../Images/dj_20.jpg) no-repeat; display:block;} .fazz .scroll{ width:100%; height:118px; background:url(../Images/dj_19.jpg) no-repeat;} .fazz .scroll .span_1{ width:22px; height:100%; background:url(../Images/dj_22.jpg) no-repeat; display:block;} .fazz .scroll .con{ width:315px; height:100%; margin:0 auto; background:url(../Images/dj_23.jpg) no-repeat;} .fazz .scroll .con ul{ margin-top:10px;} .fazz .scroll .con ul li{ float:left; margin:0 2px; margin-top:10px; font-size:12px;} .fazz .scroll .con ul li img{ width:100px; height:78px;} .fazz .scroll .con ul li p{ text-align:center; line-height:25px;} .fazz .scroll .span_2{ width:20px; height:100%; background:url(../Images/dj_24.jpg) no-repeat; display:block;} .gydf .span_1{ width:100%; height:38px; background:url(../Images/dj_15.jpg) no-repeat; display:block;} .gydf .conbg{ width:100%; height:142px; background:url(../Images/dj_18.jpg) no-repeat;} .gydf .conbg .con{ width:222px; height:100%; margin:0 auto;} .gydf .span_2{ width:100%; height:30px; background:url(../Images/dj_25.jpg) no-repeat; display:block;} .gydf .span_3{ width:118px; height:31px; background:url(../Images/dj_27.jpg) no-repeat; display:block; cursor:pointer;} .gydf .span_4{ width:127px; height:31px; background:url(../Images/dj_28.jpg) no-repeat; display:block; cursor:pointer;} .gydf .span_5{ width:118px; height:35px; background:url(../Images/dj_29.jpg) no-repeat; display:block; cursor:pointer;} .gydf .span_6{ width:127px; height:35px; background:url(../Images/dj_30.jpg) no-repeat; display:block; cursor:pointer;} .gydf .span_7{ width:245px; height:10px; background:url(../Images/dj_32.jpg) no-repeat; display:block;} #confoot{height:auto;; margin:0 auto;} #confoot .span_1{ background:url(../Images/dj_33-1.jpg) no-repeat; display:block;} #confoot .conbg{height:auto; float:left;} #confoot .conbg .yqlj{ height:auto;} .yqlj .con{ height:100%;} .yqlj .con ul{ width:100%; height:89%; margin-top:10px;} .yqlj .con ul li{ float:left; margin:0 5px; white-space:nowrap;} .cgal .con{ width:96%; height:100%; margin:0 0 0 2px;} .cgal .con ul{ width:100%; height:78%; margin-top:16px;} .cgal .con ul li{ width:106px; float:left; white-space:nowrap;padding-left:10px; margin:3px auto; overflow:hidden;} .xgcp .con{ width:94%; height:100%; margin:0 0 0 3px;} .xgcp .con ul{ width:100%; height:78%; margin-top:16px;} .xgcp .con ul li{ width:100%; float:left; white-space:nowrap;padding-left:10px; margin:3px auto; overflow:hidden;} .dyss .con{ width:100%; height:100%; margin:0 0 0 3px; } .dyss .con ul{ width:100%; height:78%; margin-top:16px;} .dyss .con ul li{ width:105px; float:left; white-space:nowrap;padding-left:10px; margin:3px auto; overflow:hidden;} #foot{ height:auto; background:url(../Images/dj_45-1.jpg) no-repeat center center; overflow:hidden; } #cfoot{ height:auto; background:url(../Images/ci_dj_45.jpg) no-repeat center center; overflow:hidden; } #foot .con,#cfoot .con{ height:auto; text-align:center;} .center_l .cplb{width:100%; height:auto; background:#F3F3F3;} .center_l .cplb .span_1{ width:100%; height:53px; background:url(../Images/ciye_01.jpg) no-repeat; display:block;} .center_l .cplb .conbg{ width:100%; height:auto; background:url(../Images/ciye_03.jpg) repeat-y;} .center_l .cplb .con{ width:93%; height:auto; margin:0 auto;} .center_l .cplb .conbg .con ul li{ margin:3px auto; height:25px; width:95%; border-bottom:1px dashed #999999; line-height:25px;} .center_l .cplb .conbg .con ul li img{ width:13px; height:14px; padding-left:10px; float:left; margin-top:4px;} .center_l .cplb .conbg .con ul li a{ padding-left:8px;} .center_l .cplb .span_2{ width:100%; height:10px; background:url(../Images/ciye_04.jpg) no-repeat; display:block;} .center_l .lxwm{width:100%; height:auto; background:#F3F3F3;} .center_l .lxwm .span_1{ width:100%; height:123px; background:url(../Images/ciye_05.jpg) no-repeat; display:block;} .center_l .lxwm .conbg{ width:100%; height:auto; background:url(../Images/ciye_06.jpg) repeat-y;} .center_l .lxwm .con{ width:93%; height:auto; margin:0 auto;} .center_l .lxwm .span_2{ width:100%; height:10px; background:url(../Images/ciye_08.jpg) no-repeat; display:block;} #LeftButton2,#RightButton2{ display:block; width:100%; height:100%;} /*面包屑导航*/ .center_r .nowLocation{ height:30px; background:#B6ABAF; line-height:30px; overflow:hidden; margin-top:4px;} .center_r .nowLocation span{ padding-left:20px;} .center_r .content_c{ width:98%; height:auto; margin:0 auto; line-height:20px; margin-top:10px;} /*产品列表*/ .center_r .content_list{ height:auto; margin:0 auto; margin-top:5px; text-align:center;} .center_r .content_list a { color:#000;} .center_r .content_list .proimg { width:100%; border:0; } .center_r .content_list ul { margin-top:10px;} .center_r .content_list ul li.chanpin { float:left; color:#000; margin:4px 6px; border:1px solid #CCC;} .center_r .content_list ul li.chanpin .bor{ width:97%; height:100%; margin:3px 0 0 3px;} .center_r .content_list ul li.chanpin span { display:block; width:auto; height:20px; line-height:20px; margin:0 auto; margin-top:5px;} .center_r .content_pro{width:95%; height:auto; margin:0 auto; line-height:20px; margin-top:10px;} .center_r .name{width:88%; text-align:center;border-bottom:1px solid #999; margin:0 auto 0 auto; overflow:hidden;} .center_r .name h1{ font-size:16px; font-weight:bold;} /*视频列表*/ .center_r .content_list ul { width:98%; margin-left:8px; margin-top:10px;} .center_r .content_list ul li.shipin { float:left; color:#000; margin:4px 6px; border:1px solid #CCC;} .center_r .content_list ul li.shipin .bor{ width:97%; height:100%; margin:3px 0 0 3px;} .center_r .content_list li.shipin a { color:#000;} .center_r .content_list li.shipin .proimg { width:100%; border:0; } .center_r .content_list ul li.shipin span { display:block; width:auto; height:20px; line-height:20px; margin:0 auto; margin-top:7px;} /*新闻列表*/ .center_r .news_plist { height:auto; line-height:25px; margin:0 auto;color:#000;} .center_r .news_top{ background:#EEE;line-height:33px;} .center_r .news_bot{ text-indent:24px; color:#888;} .center_r .news_plist a { color:#000; width:auto; height:auto; margin-top:5px; overflow:hidden;} .center_r .news_plist ul{ width:95%; margin:10px auto 0 auto;} .center_r .news_plist ul li { width:100%; height:auto; border-bottom:dashed 1px #000; float:left;} .center_r .news_plist ul li span{ display:block; float:right;} .center_r .news_plist ul li a:hover{ color:#CC0000;} .center_r .news_plist .newsTime{ text-align:center;line-height:30px;} .center_r .news_content{ width:100%; height:auto; margin:0 auto; overflow:hidden;} .center_r .news_content h1{ width:88%; font-size:16px; text-align:center; margin:15px auto 0 auto; overflow:hidden;} .center_r .news_content p.time{ width:88%; text-align:center;border-bottom:1px solid #999; margin:10px auto 0 auto; overflow:hidden;} .center_r .news_content div.news_c_Content{ width:95%; height:auto; line-height:20px; margin:0 auto; margin-top:10px;} /*公共*/ .tags {width:95%; line-height:30px; margin-top:5px; color:#000000; overflow:hidden; padding:5px 0 0 0; margin:0 auto;} .tags a{ color:#000;} .PrevOrNewt { width:96%; color:#000; padding:10px 0 10px 0; margin:0 auto;} .PrevOrNewt a { color:#000;} .PrevOrNewt .Prev,.PrevOrNewt .Next { width:100%; } .page { width:100%; height:30px;text-align:center; line-height:30px;font-size:12px;margin:0 auto;padding:10px 0 10px 0; clear:both;} .page a { text-decoration:none;} .page .page_sh { *padding-top:4px;*padding-bottom:1px;} .page .nowPage { background-color:#000;color:#fff;} /*相关列表*/ #tags_plist{ width:100%; height:auto; margin:0 auto; margin-top:5px; text-align:center;} #tags_plist a { color:#000;} #tags_plist ul { width:98%; margin:0 auto;margin-top:10px;} #tags_plist ul li { float:left; color:#000; border:1px #A7A7A7 solid;} #tags_plist .proimg { width:96%; border:0; margin:3px 3px; } #tags_plist ul { margin-top:10px;} #tags_plist ul li span { display:block; width:auto; height:20px; line-height:20px; margin:0 auto;} #tags_nlist { width:100%; height:auto; line-height:25px; margin:0 auto;color:#000;} #tags_nlist a { color:#000; width:auto; height:auto; margin-top:5px; overflow:hidden;} #tags_nlist ul{margin-top:10px; width:98%; margin:0 auto; background:#999; height:auto; } #tags_nlist ul li { height:30px; border-bottom:dashed 1px #000;line-height:33px; margin-left:10px;float:left;} #tags_nlist ul li span{ display:block; float:right;} #tags_nlist ul li a:hover{ color:#CC0000;} /*新闻添加内容*/ .new_tixing { background: #f8f8f8; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; margin-bottom: 10px; border: 1px solid #eee; } .new_tixing span {cloor: #ef4706; font-size:14px; font-weight:bold; line-height:30px;} .new_baojia {list-style:none; margin:0px; padding:0px; text-indent:0px;} .new_baojia li{float:left; margin-right:30px; } /*雷海龙加气混凝土砌块强度*/ .lei{background: #8f8f8f; height:auto; line-height: 28px;} .lei .long{margin:0 15px 0; color: #ffffff} .caselist1{ margin:13px auto 0 auto; } .caselist1 ul{ margin:0; padding:0; overflow: hidden; } .caselist1 ul li{ overflow: hidden; list-style:none; word-break:break-all; word-wrap: break-word; } .caselist1box{ height:238px; } .casepic1{ float:left; background:#666; padding:0 5px; border:1px solid #333; } .casepic1 img{ border:3px solid #333; } .caselistt1{ float: left;text-indent:20px;letter-spacing:2px;line-height:30px; padding-left:5px; width:670px; font-family:宋体; } .casetitle { font-size:14px; color:#FF0000;} .caseinfo1{ background:#fff; padding:0 20px 0 10px; font-size: 12px; color: #999966; line-height:30px; overflow: hidden; } /*雷海龙加气混凝土砌块强度结束*/ /*返回顶部*/ .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(232, 98, 86, 0.8) url(/img/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */ opacity: .5; } .no-touch .cd-top:hover { background-color: #e86256; opacity: 1; } /*返回顶部 end*/ @media screen and (min-width:960px){ #top{ width:988px;} #top .logo{ width:592px; height:99px; background:url(../Images/dj_02.jpg) no-repeat;} .logo a { width: 592px; height: 99px; display: block; text-indent: -999em; } #top .tel{ width:396px; height:99px;background:url(../Images/dj_03.jpg) no-repeat; } #menu{height:39px;background:url(../Images/djbg.jpg) repeat-x;} #menu .menu{background:url(../Images/dj_05.jpg) no-repeat;width:988px;} #menu ul li{ height:100%; float:left;position:relative; line-height:40px; text-align:center;} #menu ul li a{ display:block; width:100%; height:100%; color:#fff; font-size:15px;} #menu ul li.o1{width:100px;margin-left:45px;} #menu ul li.o2{width:120px;} #menu ul li.o3{width:120px;} #menu ul li.o4{width:120px;} #menu ul li.o5{width:120px;} #menu ul li.o6{width:120px;} #menu ul li.o7{width:120px;} #menu ul li.o8{width:120px;} #menu ul li.o1 a{ color:#000;} #rxcp{ width:100%; height:37px;background:url(../Images/dj_11.jpg) repeat-x;} #rxcp .conbg{ width:988px;} #center{ width:988px;height:auto; margin:0 auto;} #center .cpss{ width:386px; height:auto;} .cpss .cpsstit{ width:100%; height:81px; background:url(../Images/dj_13.jpg) no-repeat;} .cpss .conbg{background:url(../Images/dj_19.jpg) no-repeat;} .cpss .conbg .con{width:370px;} .cpss .conbg .con ul{width:271px;} .cpss .conbg .con ul li{width:128px;} .cpss .conbg2{height:87px; background:url(../Images/dj_19.jpg) no-repeat;} .cpss .conbg2 .con{width:370px;} .cpss .span_2{background:url(../Images/dj_31.jpg) no-repeat;} .cpss .conbg .con .span_1{width:79px; height:70px;} #center .fazz{ width:357px; height:auto;} #center .gydf{ width:245px; height:auto;} .lei{width:988px;} .caselist1{width:988px;} .casepic1 img{width:300px;height:220px} .casepic1{display: inline;} .lei{margin:0 auto; } #confoot{ width:988px;} #confoot .span_1{ width:252px; height:71px;} #confoot .span_2{ width:246px; height:71px;background:url(../Images/dj_34-1.jpg) no-repeat; display:block;} #confoot .span_3{ width:248px; height:71px;background:url(../Images/dj_35-1.jpg) no-repeat; display:block;} #confoot .span_4{ width:242px; height:71px;background:url(../Images/dj_36-1.jpg) no-repeat; display:block;} #confoot .conbg{ width:988px;background:url(../Images/yqljbg.jpg) repeat-y;} #confoot .conbg .yqlj{ width:252px;} #confoot .cgal{ width:246px; height:auto;} #confoot .xgcp{ width:248px; height:auto;} #confoot .dyss{ width:242px; height:auto;} .yqlj .con{ width:96%;} #foot{width:99%;margin:0 0 0 15px;} #foot .con,#cfoot .con{width:988px;margin:13px auto 0 auto;} .caseinfo1{margin: 20px 0 0;} #center .center_l{ width:245px; height:auto;} #center .center_r{ width:743px; height:auto;} .center_r .nowLocation{width:743px;} .center_r .content_list{width:743px;} .center_r .content_list ul li.chanpin{width:168px; height:175px;} .center_r .content_list .proimg{height:145px;} .center_r .news_plist{width:743px;} .center_r .content_list ul li.shipin{ width:228px; height:230px;} .center_r .content_list li.shipin .proimg{height:196px;} .PrevOrNewt{ height:40px;} .PrevOrNewt .Prev,.PrevOrNewt .Next {height:20px; line-height:20px;} #tags_plist ul li{width:162px; height:173px;margin:4px 8px;} #tags_plist .proimg{height:147px;} .new_baojia li{margin-top:50px;} #tags_nlist ul li{width:48%;} #cfoot{width:99%;margin:0 0 0 15px;} .cd-top {height:60px;width: 60px;right:30px;bottom:30px;}/*返回顶部*/ } @media screen and (max-width:950px){ #top{ width:100%;height:90px} #top .logo{ width:25%; height:100%; background:url(../Images/dj_022.jpg) no-repeat;filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size:100% 100%;background-size:100% 100%;} #top .tel{ width:75%; height:100%;background:url(../Images/dj_03.jpg) no-repeat;filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size:100% 100%;background-size:100% 100%;} #menu{height:auto;background:#403c3d;padding: 11px 2px 0px;} #menu .menu{width:100%;} #menu ul li{ height:100%; float:left;position:relative; line-height:40px; text-align:center;width: 33%; border: medium none;} #menu ul li a{ display:block; width:100%; height:100%; color:#fff; font-size:15px;border: 1px solid #D7D7D7;box-shadow: 0px 2px 1px rgba(100, 100, 100, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.75) inset;margin-bottom: 10px;text-align: center;} #rxcp,#center .fazz,#center .gydf,.cpss .cpsstit,#confoot .span_2,#confoot .span_3,#confoot .span_4,#confoot .cgal,#confoot .xgcp,#confoot .dyss,#center .center_l{display:none} #center{margin:3px 0px; padding:5px} #center .cpss{width:100%; border: #CCC 1px solid; border-radius:3px;height:auto; margin-bottom:5px} .cpss .conbg,.cpss .conbg .con .span_1,#confoot .span_1,#confoot .span_2,#confoot .span_3,#confoot .span_4,#foot,#cfoot {filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size:100% 100%;background-size:100% 100%;} .cpss .conbg2 .con{width:100%} .cpss .conbg .con{width:100%} .cpss .conbg .con ul{width:72%} .cpss .conbg .con ul li{width:47%;} .cpss .conbg2{height:160px} .cpss .conbg .con .span_1{width:20%; height:70px;} .casepic1{margin:0px 25px} .casepic1 img{width:100%;height:auto} .caselist1 ul{width:100%;height:280px} #confoot{ width:100%;} #confoot .span_1{ width:100%; height:71px;} .lei{margin:10px auto 0px; } #confoot .conbg{ width:100%;} .yqlj .con{ width:100%;} #foot{width:100%;margin:0 auto;} #foot .con,#cfoot .con{width:100%;margin:50px auto 0 auto;} #center .center_r{ width:100%; height:auto;} .center_r .nowLocation{ border-radius:3px} .center_r .content_list{width:100%;} .center_r .content_list ul li.chanpin{width:45%; height:30%;} .center_r .content_list .proimg{height:100px;} .center_r .news_plist{width:100%;} .center_r .content_list ul li.shipin{ width:45%;overflow:hidden} .PrevOrNewt{ height:60px;} .PrevOrNewt .Prev,.PrevOrNewt .Next {height:40px; line-height:20px;} #tags_plist ul li{width:45%;margin:4px 4px;overflow: hidden} #tags_plist .proimg{height:100px;} .center_r .news_content img{width:100%;height:auto} #tags_nlist ul li{width:98%;} #cfoot{padding:5px;} .cd-top {right:20px;bottom:80px;}/*返回顶部*/ }