p{ margin-bottom: 0; } .wrap { width: 100%; height: 100%; position: relative; } /*---header---begin---*/ .header { width:100%; height:110px;padding:15px 0; background:#fff; } .logo { width:24%;text-align: center;} .logo img { width:100%; display:block;padding-top:15px; } .top_right{ width:19%;} .tooles { width:250px; margin-left:8px;} .tel dt img { width:100%; display:block; margin-top:5px; } .guide {height:20px;line-height:20px; padding:25px 0 15px; text-shadow:0px 0px 1px #fff; } .guide ul li { display:inline-block; *display:inline; *zoom:1; white-space:nowrap; vertical-align:top; } .guide ul li a:first-child { border-left:0; } .guide a {font-size:12px; color:#000; display:inline-block; *zoom:1; padding:0 5px; border-left:1px solid #999;} .guide a:hover { text-decoration:underline; color:#004b97;} #default .guide h1,#default .guide h2 { font-weight:normal; display:inline-block; float:left; margin-right:10px; font-size:12px;} #default .guide h1 { color:#f90;} #default .guide h2 { color:#ccc;} #wuliu1 .guide h1,#wuliu1 .guide h2 { font-weight:normal; display:inline-block; float:left; margin-right:10px; font-size:12px;} #wuliu1 .guide h1 { color:#f90;} #wuliu1 .guide h2 { color:#ccc;} .search { width:99%; height:20px; position:relative; border:1px solid #ccc; overflow:hidden; z-index:9975; background:url(../images/btn2.png) right 0 no-repeat #fff; border-radius:3px; } .search input { background:none; height:20px; line-height:20px; position:absolute; top:0; overflow:hidden; } .search .btn1 { width:84%; text-indent:0.5em; font-size:12px; color:#666; left:0; } .search .btn2 { width:15%; cursor:pointer; right:0;} .search:hover { background:url(../images/btn1.png) right 0 no-repeat #fff; border:1px solid #004b97;} /*---nav---begin---*/ .nav { width:100%;height:50px; position:relative; left:0; z-index:999999; background:#da251c; } .box { margin: 0 auto; width: 90%; text-align: left; } .nav .nav_inner li{ float:left; width:7%; height:50px; margin: 0 auto; text-align:center; line-height:50px; font-size: 16px; position: relative; z-index: 9997; } .nav .nav_inner li a.menu-item{ color: #fff; display: block; float: left; width:100%; text-align:center; } .nav .nav_inner li dl { display: none; padding-left: 0; position: absolute; box-shadow: 0 0 7px rgba(0,0,0,.15); top: 100%; left: 0; z-index: 1000!important; background: rgba(180,25,18,.5); border-radius: 0 0 3px 3px; margin: 0; } @media screen and (min-width: 1024px) { .nav .nav_inner li.on,.nav .nav_inner li:hover{ background:#b41912; } .nav_inner li:hover dl { display: block; } .nav_inner li dl dd:hover{ background: rgba(180,25,18,.7); } } .nav_inner dl dd { min-width: 123px; border-top: 1px solid #eaeaea; position: relative; height: 40px; line-height: 40px; } .nav_inner li dl dd a { display: block; padding: 0 20px; color:#fff; } #owl-demo{position:relative;width:100%;height:auto;margin:0 auto ;} #owl-demo .item{ position:relative;display:block;} #owl-demo img{display:block;width:100%;} #owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#000;opacity:.5;filter:alpha(opacity=50);} #owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font:18px/32px "微软雅黑","黑体";color:#fff;text-align:center;} .owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;} .owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(../images/bg15.png);*display:inline;*zoom:1;transition: all 0.5s} .owl-pagination .active{width:25px;background-image:url(../images/bg16.png);} .owl-buttons{display:none;} .owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;} .owl-prev{left:0;background-image:url(../images/bg17.png);} .owl-next{right:0;background-image:url(../images/bg18.png);} .owl-prev:hover{background-image:url(../images/bg19.png);} .owl-next:hover{background-image:url(../images/bg20.png);} .am-container{ max-width: 1200px; padding-left: 0; padding-right: 0; } .waste-title{ padding:0 1.5rem; margin-top: 4rem; margin-bottom: 0; } .waste-title h2{ display: inline-block; float: left; } .waste-title a{ float: right; display: inline-block; padding-top: 1rem; } .m-footer-flink{ overflow: hidden; } .m-footer-flink a { padding-right: 1rem; color: #000000; } .bottom-clo { float:left; padding-bottom: 0.5rem; border-bottom: 3px solid #fff; margin-right: 1.5rem; cursor: pointer; transition: all 0.3s; } .bottom-clo.on{ border-bottom: 3px solid #da251c; } .bottom-clo:last-child{ margin-right: 0; } .bottom-clo2{ float:left; padding-bottom: 0.5rem ; margin-left:1.5rem; border-bottom: 0; } .bottom-clo2:hover{ border-bottom: 3px solid #da251c; } .waste{ width:50%; } .waste2{ width:50%; } .ser-img { margin: auto; display: block; width: auto !important; padding: 4.5rem 0 3rem; max-width: 60px; } .mrt50{ margin:50px auto 0; } .jl_bor{ width: 31.33%; margin: 0 1%; height:337px; overflow:hidden; padding:30px 20px; border: 1px solid #bcbcbc; } .news-show { display: none; } .am-list .am-list-item-dated a{ font-size:1.4rem; color:#666; text-align:left; padding: 0.8rem 0; padding-right: 0px; } .am-list-news-bd{ text-align: left; } .am-list-news-bd p{ font-size:14px; color:#666666; text-align:justify; margin-top:20px; line-height:2.8rem; display: inline; } .am-list-mare{ color:#da251c; font-size:14px; } .line { width:1200px; margin:0 auto; padding-top: 50px; padding-bottom: 50px; text-align: left; } .line span { display: inline-block; color: #da251c; margin:0 20px; } .line a { color: #666666; font-size:14px; height: 41px; display: inline-block; line-height: 41px; } .m-footer { background: #1a1f2a; padding: 60px 0 0 0; color: #fff; font-size: 14px; text-align:left; } .com-foot h2 { color: #ffffff; } .com-foot ul { padding-left:0; } .com-foot ul li a { color: #9f9f9f; } .m-footer-bottom { border-top: 1px solid #666; padding: 1rem 0; text-align: center; } .m-footer-bottom a{ color:#ffffff; } .foot-ewm p { margin: 0.7rem 0; text-align: center; } .foot-ewm img { max-width: 100px; } @media screen and (min-width: 1025px){ .am-list > .wl-item { border: none; float: left; width: 50%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 0; } .com-foot { width: 15%; } .foot-fixed{ display: none; } } /*---location---begin---*/ .location {font-size:0.8rem;color:#000;} .location a {font-size:0.8rem; color:#000; margin-bottom:10px; } .location a:hover { color:#f90; } .location strong { font-weight:normal; color:#004b97; margin-bottom:10px; } .location em { float:right; margin-bottom:10px;} .location em a { color:#f90; } .location em a:hover { color:#004b97; } /*---content-title---begin---*/ .content-title { overflow:hidden; margin-top:15px; } .content-title_news { font-size:28px; text-align:center; color:#444; display:inline-block; float:left; *display:inline; background:#fff;} .content-title h1 { font-size:28px; text-align:center; color:#444; display:inline-block; float:left; *display:inline; background:#fff;} .content-title h1 em { color:#ccc; display:inline-block; text-indent:-9999px;} .content-title h1 span {} .content-title h2 { font-size:14px; color:#9b9b9b; font-weight:normal; margin:17px 3px 35px 0; font-style:italic; float:right; display:inline-block; *display:inline;} #wuliu .content-title h2,#wuliu1 .content-title h2 { font-size:12px; color:#ccc; font-weight:normal;} p.jl-time{color: #ccc;font-size: 14px;text-align: right} p.description { clear:both; color:#666; padding:2px 5px; margin-top:25px; border-radius:3px; border:1px dotted #da251c; } p.description em { color:#bbb; white-space:nowrap; } p.description a { display:inline-block; padding:1px 5px; color:#004b97; } p.description a small { color:#f00; } p.description a:hover { text-decoration:underline;} p.description i { display:inline-block; width:15px; height:10px; display:none;} p.description i.first { background:url(../images/quote_01.gif) 0 0 no-repeat; margin-right:5px;} p.description i.last { background:url(../images/quote_02.gif) 0 0 no-repeat; margin-left:5px;} p.biaoqian { clear:both;} p.biaoqian a { display:inline-block; *zoom:1; vertical-align:top; padding:2px 5px; margin:10px 10px 0 0; background:#d2e9ff; border-radius:3px; color:#004b97; } p.biaoqian a:hover { background:#004b97; color:#fff; } span.more { color: #fb5000; padding-right: 15px; cursor: pointer; white-space: nowrap; display: inline-block; padding: 0 5px; } .content-middle { overflow: hidden; clear: both; } .content-middle p { margin-top: 20px; line-height: 1.5; } .content-middle img { display: block; max-width: 100%; } /*---main---begin---*/ .main { background:#fff; } .main .box { position:relative; z-index:4002; overflow:hidden;} .content { width:100%; float:left;} .contentbox { padding:25px; margin:0 200px 0 280px; overflow:hidden; background:#fff; } .navbar { padding-top:25px; width:280px; margin-left:-100%; float:left; _display:inline; _position:relative; _zoom:1; } .sidebar { padding-top:25px; width:200px; margin-left:-200px; float:left; _display:inline; _position:relative; _zoom:1; } .navbar dl { width:280px; margin-bottom:25px; clear:both; overflow:hidden; border:1px solid #da251c;text-align:center;} .navbar dl dt { font-size:16px; font-weight:bold; padding:20px 15px; color:#fff;background:#da251c; } .navbar dl dd { padding:0 0 10px 0;} .navbar ul {padding:0;} .navbar ul li {height:58px;line-height:58px; border-top:1px solid #e5e5e5;} .navbar ul li:first-child { border-top:0;} .navbar ul li a { color:#000; display:block; *zoom:1; } .navbar ul li a:hover,.navbar ul li a.on { color:#fff;background-color:#da251c; } .sidebar dl { width:200px; margin-bottom:25px; clear:both; overflow:hidden; background:#eee; } .sidebar dl dt { font-size:16px; font-weight:bold; padding:10px 15px; color:#666; } .sidebar dl dt span { float:right;} .sidebar dl dd { position:relative; overflow:hidden; _float:left; } .sidebar dl dd p { width:100%; position:absolute; left:0; bottom:-200px; background:#f90; color:#fff; filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; } dl.online dd ul { padding-top:10px; } dl.online dd ul li { display:block; margin: 0 4px 0 15px; overflow:hidden; } dl.online dd ul li a img { display:block; filter:alpha(opacity=100);-moz-opacity:1;opacity:1; } dl.online dd ul li a:hover img { filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;} dl.online dd p {padding:5px 15px; line-height:1.5; } dl.zhuanxian-tuijian dd p { background:none; } dl.zhuanxian-tuijian dt { display:none;} #supermarquee3 { width:200px; height:200px; overflow:hidden; position:relative;} #supermarquee3 ul { position:relative;} #supermarquee3 ul li { float:left; } #supermarquee3 ul li img { width:200px; height:200px; display:block; overflow:hidden;} .prev,.next { display:inline-block; *zoom:1; width:22px; height:22px; overflow:hidden; background-image:url(../images/g_302.gif);} .prev { float:left; margin:0 0 5px 5px; background-position:0 -22px;} .next { float:right; margin:0 5px 5px 0; background-position:0 -44px;} .prev:hover { background-position:0 -66px;} .next:hover { background-position:0 -88px;} div.newslist { clear:both; width:100%; margin-top:2em;} div.newslist li { padding:5px 0; } div.newslist li em { display:inline-block; *zoom:1; float:right; width:20%; font-size:14px;color:#999; text-align:right; font-style:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:3px; } div.newslist li a {font-size:14px; color:#666; display:inline-block; width:70%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } div.newslist li a:hover { color:#da251c; text-decoration:underline; } /* *文章详情页了解更多的 */ p.description { clear:both; color:#666; padding:2px 5px; margin-top:25px; border-radius:3px; border:1px dotted #acd6ff; } p.description em { color:#bbb; white-space:nowrap; } p.description a { display:inline-block; padding:1px 5px; color:#06c; } p.description a small { color:#f00; } p.description a:hover { text-decoration:underline;} .more { cursor:pointer; white-space:nowrap; display:inline-block; padding:0 5px;} .more-box { display:none;} span.more { color:#06c; padding-right:15px; background:url(../images/jt_14.gif) right center no-repeat; } span.more-on { color:#f60; background:url(../images/jt_15_1.gif) right center no-repeat; } .content-middle .more-box h3 { font-size: 16px; color: #333; margin-top: 2em; clear: both; background: url(../images/g_206.gif) left center no-repeat; padding-left: 15px; } .fenye { text-align: left; padding: 30px 0; } .fenye li{ font-size:14px; border: 1px solid #ddd; border-radius: 3px; line-height: 30px; margin: 0 5px; padding: 0 12px; display: inline-block; } .fenye li a{ color:#666; } .fenye li:hover,.fenye li.cel{ border: 1px solid #da251c; } .fenye li a:hover,.fenye li:hover a,.fenye li.cel a{ color:#da251c; } div.xiangguan { margin-top: 2em; } div.xiangguan h4 { margin: 0; padding: 10px 0 10px 0; color: #000; font-size: 16px; display:block; } div.xiangguan h4 .xiangguan-tit{ padding-bottom: 0.5rem; border-bottom: 3px solid #da251c; } div.xiangguan ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 5px 0; width: 100%; } div.xiangguan ul { width: 45%; display: inline; } div.xiangguan ul li a { color: #666; } .customer-case-img{ height: 116px; } .customer-case-img img{ max-height: 100%; } .line-list-ul{ padding: 15px 0; } .line-list-ul .customer-case-img{ height: 265px; } .line-list-ul.am-gallery-bordered .am-gallery-desc{ height: 54px; overflow: hidden; line-height: 18px; } .line-list-ul.am-gallery-bordered .am-gallery-title{ margin-top: 10px; } .ys-list { padding: 1rem; border: 1px solid #ddd; margin-top: 10px; } .ys-list ul li a { color: #000; } .map-list li{ margin-bottom: 20px; } .map-list dl{ margin: 0; padding-left: 30px; overflow: hidden; } .map-list dl dd{ float: left; margin-right: 10px; } .nav .nav_inner li i{ display: none; } .phone-show{ display: none; } .yewu-list{ overflow: hidden; padding: 3px; } .yewu-list li{ float: left; width: 22%; margin-right: 3%; text-align: center; border: 1px solid #ddd; margin-bottom: 30px; height: 250px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 3px rgba(0, 0, 0, 0.35); } .yewu-list li img{ display: block; margin: auto auto 10px auto; } .yewu-list li a{ color: #555555; } .yewu-list li:nth-of-type(4n){ margin-right: 0; } .am-slider-default .am-direction-nav .am-next { right: -12px; } .join-n-img { display: block; position: absolute; right: -21px; top: 21px; } .join-prev, .join-next { position: relative; } .join-p-img { display: block; position: absolute; left: -22px; top: 21px; } .am-slider-default .am-direction-nav .am-prev { left: -14px; } .am-slider-default .am-direction-nav a { width: 50px; height: 100px; opacity: 0; } .am-slider-default:hover .am-prev, .am-slider-default:hover .am-next, .am-slider-default:hover .am-prev:hover, .am-slider-default:hover .am-next:hover { opacity: 0; } .am-viewport{ /* width: 1080px; */ margin: auto; } .am-control-nav.am-control-paging{ display: none; } .join-slides li { border: 1px solid #e5e5e5; display: flex !important; align-items: center; justify-content: center; } .am-slides{ display: flex; flex-wrap: wrap; } .footer-links a{ float: left; } .footer-links{ margin-bottom: 30px; } @media screen and (max-width: 1024px){ .phone-show{ display: inherit; } .nav .nav_inner li.on{ background:#b41912; } .header{ height: auto; } .line{ width: 100%; padding: 0 10px; margin-bottom: 10px; } .line span{ margin-left: 0; } .line a{ line-height: 20px; height: 20px; } .top_right{ display: none; } .logo{ width: auto; text-align: left; } .logo img{ height: 40px; width: auto; padding-top: 0; } .nav{ position: fixed; top: 70px; height: auto; display: none; } .nav .box{ width: 100%; } .nav .nav_inner li{ float: none; width: 100%; height: auto; } .nav .nav_inner li a.menu-item{ text-align: left; float: none; width: auto; padding-left: 20px; } .nav .nav_inner li a.menu-item::after{ } .nav .nav_inner li dl{ position: static; } .nav .nav_inner li i{ display: inline-block; font-size: 18px; position: absolute; right: 0; top: 0; width: 50px; height: 50px; text-align: center; line-height: 50px; z-index: 100; color: #fff; transition: all 0.5s; } .nav_inner dl dd{ border: none; } .icon-menu{ float: right; width: 50px; margin-top: 7px; } .icon-menu span{ display: block; width: 100%; border-bottom: 3px solid #ddd; margin-bottom: 10px; border-radius: 5px; } .icon-menu span:last-child{ margin-bottom: 0; } .header .box{ overflow: hidden; } [class*="am-u-"]{ padding: 0; } .m-footer .am-container > .am-g{ margin: 0; } .owl-page{ height: 6px; width: 6px; background: #fff; border-radius: 100%; } .owl-pagination .active{ border-radius: 15px; background: #da251c; } .waste{ width: 100%; float: none !important; } .waste-title{ margin-top: 15px; } .waste-title h2{ margin-bottom: 0; } .waste2{ float: none !important; width: 100%; } .mrt50{ margin: 20px auto 0; } .jl_bor{ width: 100%; margin: 0; margin-bottom: 15px; } .index-m-1{ padding: 10px; } .jl_bor .m-footer-flink h2{ padding-left: 15px; } .am-list-news-bd{ padding: 10px; } .jl_bor:last-child{ margin-bottom: 0; } .index-m-2{ margin-top: 0; } .m-footer{ padding: 10px; } .am-g.m-footer-container{ display: flex; flex-wrap: wrap; } .sidebar{ display: none; } .navbar{ display: none; } .main .box{ width: auto; padding: 0 10px; } .contentbox{ margin: 0; padding: 0; } .content-page{ margin-bottom: 15px; } .line-list-ul{ padding: 0; } .ys-list{ margin-bottom: 15px; } .location a { font-size: 14px; } .yewu-list li{ width: 48%; margin-right: 0; height: 150px; } .yewu-list li:nth-of-type(2n){ margin-right: 0; float: right; } .yewu-list li img{ max-width: 80%; } .foot-fixed{display:inline-block;background: #004B97;width: 100%;position: fixed;left: 0;bottom: 0;z-index: 999999;display: none; } .foot-fixed li{float:left;width: 33%;text-align: center;border-right: 1px solid #06c;padding:12px 0;} .foot-fixed img{width: 20%;vertical-align: middle;margin-right: 5px} .foot-fixed a{color: #ffffff;font-size: 16px;} } @media only screen and (max-width: 600px){ .foot-fixed{display: block;} }