*{margin:0;padding:0;word-wrap:break-word;} body{font:12px/1.75 "微软雅黑", arial, sans-serif,'DejaVu Sans','Lucida Grande',Tahoma,'Hiragino Sans GB',STHeiti,SimSun,sans-serif;color:#444;} a{color:#333;text-decoration:none;} a:hover{text-decoration:none; color:#FF0000;} a img{border:none;} div,ul,li,p,form{padding: 0px; margin: 0px;list-style-type: none;} em{font-style: normal;font-weight: normal;} table {padding: 0px; margin: 0px;list-style-type: none;} dt,dl,dd {padding: 0px; margin: 0px;list-style-type: none;} form{margin:0px;padding:0px;} tr {padding: 0px; margin: 0px;list-style-type: none;} h3,h4{padding:0px; font-size:14px; font-weight:bold;} .w1015{ width:1015px; overflow:hidden;} .clear{ height:0px; clear:both; overflow:hidden;} .blank10{ height:10px; overflow:hidden;} .clearfloat {clear:both;height:0; overflow:hidden;} .center{ width: 1100px; margin: 0 auto; } /*右侧客服*/ .floatkf{ position: fixed; right: 0; top: 50%; } .floatkf img{ width: 100px; } /*右侧电话留言板*/ .floattel{ position: fixed; right: 0; bottom:100px; width: 140px; height: 220px; background-color: rgb(55, 187, 255); background-image: url(/images/1.png); z-index: 999;} .floattel form{ display: block; width: 124px; margin: 160px auto 0;} .floattel input{ display: block; width: 124px; height: 22px; line-height: 22px; border: 0px none rgb(0, 0, 0); margin-top: 5px;} .floattel .totop{ display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; background-color: #37BBFF; color: #fff; } .floattel .totop:hover{ cursor: pointer; text-decoration: underline; } /*网站头部*/ #top{ width: 100%; height: 30px; line-height: 30px; color: #333; background-color: #eee; } #top span:nth-child(2){ float: right; } #top span a{ padding: 0 5px; } #head{ width: 1100px; margin: 0 auto; padding: 20px 0;} #head img:nth-child(2){ float: right; } /*网站导航*/ #nav{ width: 100%; height: 40px; background-color: #d5141a; text-align: center; z-index: 10;} #nav ul{ width: 1130px; margin: 0 auto; } #nav ul li { float: left; position: relative;} #nav ul li a{ display: block; color: #fff; width: 130px; height: 30px; font-weight: bold; line-height: 30px; margin: 5px auto; padding: 0 5px; border-right: 1px solid #b70208; } #nav ul li a.cur{ background-color: #fff; color: #d5141a; } #nav ul li:last-child a{border-right: none;} #nav ul li a:hover{ background-color: #fff; color: #d5141a; text-decoration: none; } #nav ul li:hover ul{ display: block; } #nav ul li ul{ display: none; width: 100%; position: absolute; z-index: 10; background-color: rgba(255,0,0,0.6); top: 40px;} #nav ul li ul li{ float: none; height: 30px; line-height: 30px;} #nav ul li ul li a{ border: none; font-size: 10px; margin: 0;} #nav ul li ul li:hover a{ background-color: #ff4e00; color: #fff; } /* 轮播图 */ .slideBox{ width:100%; max-width: 1920px; min-width: 1200px; overflow:hidden; position:relative;} .slideBox .bd{ position:relative; height:100%; z-index:0;} .slideBox .bd li{ zoom:1; vertical-align:middle;} .slideBox .bd img{ width:100vw; height:auto; display:block;} /* 按钮样式 */ .slideBox .hd{ position:absolute; width: 100%; bottom:10px; height:15px; overflow:hidden; text-align: center; z-index:1;} .slideBox .hd ul{ display: inline-block;} .slideBox .hd ul li{ float:left; width: 100%; margin:0 5px; width:10px; height:10px; border-radius: 5px; background:#fff; cursor:pointer;} .slideBox .hd ul li.on{ background:#333; color:#fff;} /* 下面是前/后按钮代码 */ .slideBox .prev,.slideBox .next{position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;} .slideBox .next{left:auto; right:3%; background-position:8px 5px;} .slideBox .prev:hover, .slideBox .next:hover{filter:alpha(opacity=100);opacity:1;} .slideBox .prevStop{display:none;} .slideBox .nextStop{display:none;} /*热门关键词*/ #keywords{ width: 1100px; height: auto; line-height: 20px; margin: 10px auto; font-size: 12px; overflow: hidden; } #keywords .words{ float: left; } #keywords .words span{ float: left; } #keywords .words ul{ float: left; width: 800px; margin-left: 5px;} #keywords .words ul li{ float: left; margin: 0 2px;} #keywords .search{ float: right; } #keywords .search input{ float: left; width: 150px; height: 20px; border: none; background-color: #ccc;} #keywords .search input[type=submit]{ width: 30px; background-color: #ff9700; border: none; background-image: url('../images/search.png'); background-size: 20px 20px; background-repeat: no-repeat; background-position: 5px 0;} /*图书分类*/ #types{ width: 1100px; margin: 0 auto; overflow: hidden;} #types .left{float: left; width: 330px; height: 410px; border: 1px solid #ccc; border-radius: 5px; overflow: hidden;} #types .left .tit{ width: 310px; height: 30px; line-height: 30px; padding: 0 10px; background-color: #f2f2f2; } #types .left .tit span:nth-child(1){ border-left: 5px solid #d5141a; padding-left: 3px; } #types .left .tit span:nth-child(2){ color: #c9b58e; font-size: 12px;} #types .left .tit a{ float: right; margin-right: 10px; } #types .left ul{ } #types .left ul li{ float: left; width: 90px; margin:5px 10px; text-align: center; } #types .left ul li img{ display: inline-block; border: 1px solid #ccc; width: 70px; height: 70px; padding: 10px; border-radius: 70px; } #types .left ul li:hover img{ border-color: #EF1B11; } #types .left ul li:hover a{color: #EF1B11;} #types .left ul li a{ display: inline-block; } #types .right{float: right; width: 750px; height: 410px; } /* 轮播图 */ #types .right .slideBox2{ width:100%; height: 100%; overflow:hidden; position:relative;} #types .right .slideBox2 .bd{ position:relative; height:100%; z-index:0;} #types .right .slideBox2 .bd li{ zoom:1; vertical-align:middle;} #types .right .slideBox2 .bd img{ width:100%; height:100%; display:block;} /* 按钮样式 */ #types .right .slideBox2 .hd{ position:absolute; width: 100%; bottom:10px; height:15px; overflow:hidden; text-align: center; z-index:1;} #types .right .slideBox2 .hd ul{ display: inline-block; float: right; margin-right: 20px;} #types .right .slideBox2 .hd ul li{ float:left; width: 100%; margin:0 5px; width:10px; height:10px; border-radius: 5px; background:#fff; cursor:pointer;} #types .right .slideBox2 .hd ul li.on{ background:#ff9600; color:#fff;} /*四大优势*/ #adv{ width: 1100px; margin: 10px auto; clear: both; } #adv .head{ width: 100%; height: 60px; margin-top: 10px; line-height: 50px; color: #fff; background-color: #ff9600; padding: 10px 0;} #adv .head span{ display: block; clear: both; text-align: center;} #adv .head span:nth-child(1){ font-size: 24px; line-height: 36px; font-family: "宋体"; font-weight: 900; } #adv .head span:nth-child(2){ font-size: 14px; line-height: 20px;} #adv ul{ width: 1000px; margin: 20px auto;} #adv ul li{ clear: both; margin: 10px 0; } #adv ul li .desc{ float: left; width: 600px;} #adv ul li .desc .tit{ padding-left: 10px; border-left: 5px solid #d5141a; } #adv ul li .desc .tit span{ display: block; } #adv ul li .desc .tit span:nth-child(1){ font-size: 20px; line-height: 24px; } #adv ul li .desc .tit span:nth-child(2){ font-size: 12px; line-height: 20px; color: #b6985a;} #adv ul li .desc p{ padding-left: 14px; color: #020202; line-height: 34px; letter-spacing: 1px; font-size: 14px; margin-top: 30px;} #adv ul li img{ width: 400px; } #adv ul li:nth-child(2n) .desc{ float: right; } #adv ul li:nth-child(2n) img{ width: 350px; margin-left: 50px; } #adv ul li:nth-child(2n) .desc{ width: 450px; margin-left: 50px; } /*流程*/ #liucheng{ margin: 10px auto; clear: both; } #liucheng .head{ width: 1100px; height: 60px; margin: 10px auto 0; line-height: 50px; color: #fff; background-color: #ff9600; padding: 10px 0;} #liucheng .head span{ display: block; clear: both; text-align: center;} #liucheng .head span:nth-child(1){ font-size: 24px; line-height: 36px; font-family: "宋体"; font-weight: 900; } #liucheng .head span:nth-child(2){ font-size: 14px; line-height: 20px;} #liucheng .img{ width: 100%; overflow: hidden; background-color: #e2e2e2; text-align: center;} #liucheng .img img{ display: inline-block; } /*成功案例*/ #case{ width: 1100px; margin: 0 auto; } #case .tit{margin: 20px 0; height: 24px; line-height: 24px; border-left: 5px solid #d5141a; padding-left: 10px; } #case .tit span{ } #case .tit span:nth-child(1){ font-size: 20px; line-height: 24px; } #case .tit span:nth-child(2){ font-size: 12px; line-height: 20px; margin-left: 20px; color: #b6985a;} #case .tit a{ float: right; margin-right: 20px;} #case .picScroll-left{ position:relative; } #case .picScroll-left .prev{ display: block; width: 50px; height: 100px; background-image: url(../images/left.png); background-size: 42px 96px; background-repeat: no-repeat; position: absolute; left: -20px; top: 35px;} #case .picScroll-left .next{ display: block; width: 50px; height: 100px; background-image: url(../images/right.png); background-size: 42px 96px; background-repeat: no-repeat; position: absolute; right: -20px; top: 35px;} #case .picScroll-left .bd{ padding:10px; text-align: center; } #case .picScroll-left .bd ul{ overflow:hidden; zoom:1; display: inline-block;} #case .picScroll-left .bd ul li{ width:245px; height:190px; margin:0 10px; float:left; display:inline-block; overflow:hidden; text-align:center; } #case .picScroll-left .bd ul li a{ display: block; width:245px; text-overflow:ellipsis; white-space: nowrap;} #case .picScroll-left .bd ul li .pic img{ width:245px; height:150px; display:block; padding:2px; border:1px solid #ccc; } #case .picScroll-left .bd ul li .pic a:hover img{ border-color:#999; } #case .picScroll-left .bd ul li .title{ line-height:24px; } /*新闻资讯*/ #news{ width: 1100px; margin: 0 auto; background-color: #f4f4f4; overflow: hidden;} #news ul{ } #news ul li{ float: left; width: 260px; height: 400px; padding: 0 5px; margin-top: 10px; border-right: 1px solid #333;} #news ul li img{ width: 100%; margin-top: 5px; } #news ul li:nth-child(4){ border: none; overflow: hidden;} #news ul li li{ border: none; float: none; padding: 0; margin: 0;} #news ul li .tit{ border-bottom: 1px solid #333; } #news ul li .tit span{ display: block; } #news ul li .tit span:nth-child(1){ font-size: 20px; } #news ul li .tit span:nth-child(2){ font-size: 12px;color: #999; } #news ul li .tit a{ float: right; } #news ul li .top{ padding: 5px; font-size: 14px; line-height: 20px;} #news ul li .top p{ font-size: 10px; line-height: 16px;} #news ul li li{ height: 24px; font-size: 12px; border-bottom: 1px dotted #ccc; } #news ul li li a{ display: block; float: left; width:190px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } #news ul li li span{ float: right; } #news ul li.wd li{ padding: 0; margin: 10px 0; float: none; clear: both; overflow: hidden; line-height: auto; height: auto;} #news ul li.wd li .left{ float: left; width: 30px;} #news ul li.wd li .left span{ display: block; float: none; width: 20px; height: 20px; margin: 0 5px; text-align: center; color: #fff; } #news ul li.wd li .left span:nth-child(1){ background-color: #d5141a; } #news ul li.wd li .left span:nth-child(2){ background-color: #ffa200; } #news ul li.wd li .right{ float: right; width: 220px;} #news ul li.wd li .right .title{ height: 20px; line-height: 20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} #news ul li.wd li .right p{ font-size: 10px; line-height: 20px; } /*合作伙伴*/ #friend{ width: 1100px; margin: 10px auto; overflow: hidden;} #friend .tit{ border-left: 5px solid #d5141a; padding-left: 10px; background-color: #f7f6f7; border-bottom: 5px solid #ddd;} #friend .tit span{ display: block; } #friend .tit span:nth-child(1){ font-size: 20px; line-height: 24px; } #friend .tit span:nth-child(2){ font-size: 12px; line-height: 20px; color: #b6985a;} #friend ul{ margin-top: 20px; } #friend ul li{ width: 263px; height: 70px; margin: 5px; float: left; border: 1px solid #ccc; text-align: center;} #friend ul li img{ display: inline-block; width: 260px; height: 70px;} /*友情链接*/ #links{ width: 1100px; margin: 20px auto; overflow: hidden;} #links .tit{ font-size: 20px; border-bottom: 1px dotted #ccc; } #links .tit span{ font-size: 14px; color: #d5141a; margin-left: 10px;} #links ul{} #links ul li{ float: left; margin: 10px 5px;} /*底部导航*/ #subnav{ width: 100%; background-color: #d5141a; text-align: center; padding: 5px 0; overflow: hidden;} #subnav ul{ width: 945px; margin: 0 auto; } #subnav ul li { float: left; } #subnav ul li a{ display: block; height: 30px; line-height: 30px; padding: 5px 30px; color: #fff; border-right: 1px solid #b70208;} #subnav ul li:last-child a{border-right: none;} #subnav ul li a:hover{ background-color: #fff; color: #d5141a; text-decoration: none; } /*网站底部*/ #bottom{ width: 100%; overflow: hidden; background-image: url(../images/bottom.jpg);} #bottom .slogo{ float: left; margin-top: 20px; margin-left: 100px;} #bottom .other{ float: left; margin-left: 60px; margin-top: 15px; font-size: 12px; line-height: 24px; } #bottom .ewm{ float: left; width: 100px; margin-top: 20px; margin-left: 50px;} #bottom .icp{ float: left; margin-left: 50px; margin-top: 20px; } #bottom .icp img{ display: block; width: 100px; margin-bottom: 10px;} /*您的当前位置*/ .yoursite{ width: 100%; height: 40px; line-height: 40px; background-color: #f8f8f8; border-bottom: 2px solid #ddd; text-align: left;} .yoursite span{ color: #e40000; margin-left: 20px; } .pages{ text-align: center; margin: 20px 0;} .pages ul{ display: inline-block; } .pages ul li{ float: left; width: 20px; height: 20px; margin: 5px; border: 1px solid #e40000; } .pages ul li a{ color: #e40000; } .pages ul li.cur{ background-color: #e40000; } .pages ul li.cur a{ color: #fff; } /*图书批发*/ #pifa{ width: 1100px; margin: 20px auto; } #pifa .left{ float: left; width: 820px; text-align: center;} #pifa .left .desc{ width: 100%; height: 40px; text-align: left; line-height: 40px; text-indent: 2rem; } #pifa .left ul.list{ display: inline-block; } #pifa .left ul.list li{ float: left; width: 230px; height: 220px; margin: 10px;} #pifa .left ul.list li img{ width: 180px; height: 190px; margin-top: 10px; display: inline-block; } #pifa .left ul.list li:hover img{ width: 200px; height: 210px; margin-top: 5px; transition: 0.5s;} #pifa .left .down{ width: 100%; position: relative;} #pifa .left .down img{ width: 100%; position: relative; z-index: 1; } #pifa .left .down a{ display: block; width: 130px; height: 30px; background-color: #ff9c00; text-align: center; line-height: 30px; color: #fff; position: absolute; right: 20px; top: 50%; margin-top: -15px; z-index: 2; } #pifa .left .tit{ font-size: 26px; color: #000; margin: 20px 0 0 0;} #pifa .left .subtit{ color: #6a6a6a; margin-bottom: 20px;} #pifa .left .lcbg{ width: 100%; margin: 20px 0;} #pifa .left .pfwhy{ overflow: hidden; clear: both; margin: 10px 0; } #pifa .left .pfwhy .tit{ width: 100%; height: 60px; line-height: 60px; background-image: url(../images/whytit.png); background-size: 100% 100%; font-size: 24px; margin-bottom: 20px; color: red;} #pifa .left .pfwhy .img{ float: right; width: 300px; } #pifa .left .pfwhy .img img{ width: 300px; height: auto; border-radius: 10px; } #pifa .left .pfwhy .whydesc{ float: left; padding: 10px; width: 480px; text-align: left; } #pifa .left .pfwhy .whydesc p{ text-indent: 2rem; background-image: url(../images/whyrow.png); background-repeat: no-repeat; background-size: 20px 15px; background-position: 10px 3px; } #pifa .left .pfwhy:nth-child(2n) .img{ float: left; } #pifa .left .pfwhy:nth-child(2n) .whydesc{ float: right; } /*新闻*/ #pifa .left .news{ margin-bottom: 30px; overflow: hidden; } #pifa .left .news ul{ float: left; width: 400px; margin-right: 20px; text-align: left;} #pifa .left .news ul:nth-child(2){ margin-right: 0; } #pifa .left .news ul .tit{ border: 1px solid #e5e2e2; height: 30px; line-height: 30px; background-color: #fafafa;} #pifa .left .news ul .tit span{ font-size: 16px; border-left: 5px solid #d5141a; margin-left: 10px; padding-left: 10px;} #pifa .left .news ul .tit a{ float: right; margin-right: 10px; font-size: 10px; } #pifa .left .news ul li{ height: 30px; line-height: 30px; background-color: #f7f6f6; border-bottom: 2px solid #fff; padding: 0 10px; } #pifa .left .news ul li span{ float: right; } /*批发右侧*/ #pifa .right{ float: right; width: 250px; } #pifa .right .type{ overflow: hidden; background-color: #f7f6f6; } #pifa .right .type .tit{ border: 1px solid #ddd; height: 40px; line-height: 40px; margin-bottom: 1px; border-top-left-radius:5px; border-top-right-radius:5px; overflow: hidden;} #pifa .right .type .tit span{ display: block; height: 20px; line-height: 20px; margin-left: 10px; margin-top: 10px; padding-left: 5px; border-left: 5px solid #d5141a; font-size: 16px; } #pifa .right .type ul{ border-top: 3px solid #fff;} #pifa .right .type ul li a{display: block; width: 230px; height: 30px; line-height: 30px; padding-left: 20px; border-bottom: 2px solid #fff;} #pifa .right .type ul li:last-child a{ border-bottom: none; } #pifa .right .type ul li a:hover{ background-color: #ff4e00; color: #fff; } #pifa .right .type ul li.cur a{ background-color: #ff4e00; color: #fff; } #pifa .right .contact{ margin-top: 10px; background-color: #f7f6f6; overflow: hidden; } #pifa .right .contact .tit{ border: 1px solid #ddd; height: 40px; line-height: 40px; margin-bottom: 1px; border-top-left-radius:5px; border-top-right-radius:5px; overflow: hidden;} #pifa .right .contact .tit span{ display: block; height: 20px; line-height: 20px; margin-left: 10px; margin-top: 10px; padding-left: 5px; border-left: 5px solid #d5141a; font-size: 16px; } #pifa .right .contact p{ display: block; padding-left: 20px; line-height: 30px; border-top: 3px solid #fff;} /*投标*/ #toubiao{ width: 1100px; margin: 20px auto; } #toubiao .left{ float: left; width: 250px; } #toubiao .left .type{ overflow: hidden; background-color: #f7f6f6; } #toubiao .left .type .tit{ border: 1px solid #ddd; height: 40px; line-height: 40px; margin-bottom: 1px; border-top-left-radius:5px; border-top-right-radius:5px; overflow: hidden;} #toubiao .left .type .tit span{ display: block; height: 20px; line-height: 20px; margin-left: 10px; margin-top: 10px; padding-left: 5px; border-left: 5px solid #d5141a; font-size: 16px; } #toubiao .left .type ul{ border-top: 3px solid #fff;} #toubiao .left .type ul li a{display: block; width: 230px; height: 30px; line-height: 30px; padding-left: 20px; border-bottom: 2px solid #fff; } #toubiao .left .type ul li a:hover{ background-color: #ff4e00; color: #fff; } #toubiao .left .type ul li.cur a{ background-color: #ff4e00; color: #fff; } #toubiao .left .contact{ margin-top: 10px; background-color: #f7f6f6; overflow: hidden; } #toubiao .left .contact .tit{ border: 1px solid #ddd; height: 40px; line-height: 40px; margin-bottom: 1px; border-top-left-radius:5px; border-top-right-radius:5px; overflow: hidden;} #toubiao .left .contact .tit span{ display: block; height: 20px; line-height: 20px; margin-left: 10px; margin-top: 10px; padding-left: 5px; border-left: 5px solid #d5141a; font-size: 16px; } #toubiao .left .contact p{ display: block; padding-left: 20px; line-height: 30px; border-top: 3px solid #fff;} #toubiao .right{ float: right; width: 820px; } #toubiao .right .allist{} #toubiao .right .tit{ font-size: 26px; color: #000; margin: 20px 0 0 0; text-align: center;} #toubiao .right .zizhi{ margin: 0 auto; width: 700px; display: block; } #toubiao .right .subtit{ color: #6a6a6a; margin-bottom: 20px; text-align: center;} #toubiao .right .lcbg{ width: 100%; margin: 20px 0;} /*新闻*/ #toubiao .right .news{ margin-bottom: 30px; overflow: hidden; } #toubiao .right .news ul{ float: left; width: 390px; margin-right: 20px; text-align: left;} #toubiao .right .news ul:nth-child(2){ margin-right: 0; } #toubiao .right .news ul .tit{ border: 1px solid #e5e2e2; height: 30px; line-height: 30px; background-color: #fafafa; text-align: left;} #toubiao .right .news ul .tit span{ font-size: 16px; border-left: 5px solid #d5141a; margin-left: 10px; padding-left: 10px;} #toubiao .right .news ul .tit a{ float: right; margin-right: 10px; font-size: 10px; } #toubiao .right .news ul li{ height: 30px; line-height: 30px; background-color: #f7f6f6; border-bottom: 2px solid #fff; padding: 0 10px; } #toubiao .right .news ul li span{ float: right; } /*案例*/ #anli{ width: 1100px; margin: 20px auto; } #anli .left{ float: left; width: 250px; text-align: left;} #anli .left .type{ overflow: hidden; background-color: #f7f6f6; margin-top: 10px;} #anli .left .type:nth-child(1){ margin-top: 0; } #anli .left .type .tit{ border: 1px solid #ddd; height: 40px; line-height: 40px; margin-bottom: 1px; border-top-left-radius:5px; border-top-right-radius:5px; overflow: hidden;} #anli .left .type .tit span{ display: block; height: 20px; line-height: 20px; margin-left: 10px; margin-top: 10px; padding-left: 5px; border-left: 5px solid #d5141a; font-size: 16px; } #anli .left .type ul{ border-top: 3px solid #fff;} #anli .left .type ul li a{display: block; width: 230px; height: 30px; line-height: 30px; padding-left: 20px; border-bottom: 2px solid #fff; } #anli .left .type ul li a:hover{ background-color: #ff4e00; color: #fff; } #anli .left .type ul li.cur a{ background-color: #ff4e00; color: #fff; } #anli .left .contact{ margin-top: 10px; background-color: #f7f6f6; overflow: hidden; } #anli .left .contact .tit{ border: 1px solid #ddd; height: 40px; line-height: 40px; margin-bottom: 1px; border-top-left-radius:5px; border-top-right-radius:5px; overflow: hidden;} #anli .left .contact .tit span{ display: block; height: 20px; line-height: 20px; margin-left: 10px; margin-top: 10px; padding-left: 5px; border-left: 5px solid #d5141a; font-size: 16px; } #anli .left .contact p{ display: block; padding-left: 20px; line-height: 30px; border-top: 3px solid #fff;} #anli .right{ float: right; width: 820px; } #anli .right .allist{ overflow: hidden; } #anli .right .allist ul{} #anli .right .allist ul li{ border-bottom: 1px solid #eee; overflow: hidden; padding: 20px 0;} #anli .right .allist ul li img{ width: 230px; height: 150px; float: left; } #anli .right .allist ul li .right{ float: right; width: 580px; } #anli .right .allist ul li .right span.title{ font-size: 16px; margin-bottom: 10px; display: block; width: 570px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} #anli .right .allist ul li .right p{ line-height: 20px; } #anli .right .allist ul li .right a{ color: red; } #anli .right .allist ul li .right a.more{ display: block; float: right; margin-top: 50px; width: 130px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #ff4e00; color: #ff4e00;} #anli .right .allist ul li .right a.more:hover{ background-color: #ff4e00; color: #fff; } #anli .right .tit{ text-align: center; font-size: 18px; margin-top: 20px; } #anli .right img.zizhi{ width: 95%; display: block; margin: 0 auto; } #anli .right .tit{ font-size: 26px; color: #000; margin: 20px 0 0 0;} #anli .right .subtit{ color: #6a6a6a; margin-bottom: 20px; text-align: center;} #anli .right .lcbg{ width: 100%; margin: 20px 0;} /*新闻*/ #anli .right .news{ margin-bottom: 30px; overflow: hidden; } #anli .right .news ul{ float: left; width: 390px; margin-right: 20px; text-align: left;} #anli .right .news ul:nth-child(2){ margin-right: 0; } #anli .right .news ul .tit{ border: 1px solid #e5e2e2; height: 30px; line-height: 30px; background-color: #fafafa; text-align: left;} #anli .right .news ul .tit span{ font-size: 16px; border-left: 5px solid #d5141a; margin-left: 10px; padding-left: 10px;} #anli .right .news ul .tit a{ float: right; margin-right: 10px; font-size: 10px; } #anli .right .news ul li{ height: 30px; line-height: 30px; background-color: #f7f6f6; border-bottom: 2px solid #fff; padding: 0 10px; } #anli .right .news ul li span{ float: right; } /*设备*/ #shebei{ width: 1100px; margin: 20px auto; } #shebei .left{ float: left; width: 250px; text-align: left;} #shebei .left .type{ overflow: hidden; background-color: #f7f6f6; margin-top: 10px;} #shebei .left .type:nth-child(1){ margin-top: 0; } #shebei .left .type .tit{ border: 1px solid #ddd; height: 40px; line-height: 40px; margin-bottom: 1px; border-top-left-radius:5px; border-top-right-radius:5px; overflow: hidden;} #shebei .left .type .tit span{ display: block; height: 20px; line-height: 20px; margin-left: 10px; margin-top: 10px; padding-left: 5px; border-left: 5px solid #d5141a; font-size: 16px; } #shebei .left .type ul{ border-top: 3px solid #fff;} #shebei .left .type ul li a{display: block; width: 230px; height: 30px; line-height: 30px; padding-left: 20px; border-bottom: 2px solid #fff;} #shebei .left .type ul li a:hover{ background-color: #ff4e00; color: #fff; } #shebei .left .contact{ margin-top: 10px; background-color: #f7f6f6; overflow: hidden; } #shebei .left .contact .tit{ border: 1px solid #ddd; height: 40px; line-height: 40px; margin-bottom: 1px; border-top-left-radius:5px; border-top-right-radius:5px; overflow: hidden;} #shebei .left .contact .tit span{ display: block; height: 20px; line-height: 20px; margin-left: 10px; margin-top: 10px; padding-left: 5px; border-left: 5px solid #d5141a; font-size: 16px; } #shebei .left .contact p{ display: block; padding-left: 20px; line-height: 30px; border-top: 3px solid #fff;} #shebei .right{ float: right; width: 820px; } #shebei .right .sblist{ overflow: hidden; } #shebei .right .sblist p{ line-height: 30px; } #shebei .right .sblist ul{} #shebei .right .sblist ul li{ float: left; width: 190px; height: 170px; margin: 5px; text-align: center;} #shebei .right .sblist ul li:nth-child(4n+1){ margin-left: 0; } #shebei .right .sblist ul li:nth-child(4n){ margin-right: 0; } #shebei .right .sblist ul li img{ width: 190px; height: 140px; float: left; } #shebei .right .sblist ul li img:hover{ width: 188px; height: 138px; border: 1px solid #ccc; } #shebei .right .sblist ul li a.title{ display: block; width: 100%; line-height: 30px; background-color: #f1f1f1; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} #shebei .right .tit{ text-align: center; font-size: 18px; margin-top: 20px; } #shebei .right img.zizhi{ width: 95%; display: block; margin: 0 auto; } #shebei .right .tit{ font-size: 26px; color: #000; margin: 20px 0 0 0;} #shebei .right .subtit{ color: #6a6a6a; margin-bottom: 20px; text-align: center;} #shebei .right .lcbg{ width: 100%; margin: 20px 0;} /*新闻*/ #shebei .right .news{ margin-bottom: 30px; overflow: hidden; } #shebei .right .news ul{ float: left; width: 390px; margin-right: 20px; text-align: left;} #shebei .right .news ul:nth-child(2){ margin-right: 0; } #shebei .right .news ul .tit{ border: 1px solid #e5e2e2; height: 30px; line-height: 30px; background-color: #fafafa; text-align: left;} #shebei .right .news ul .tit span{ font-size: 16px; border-left: 5px solid #d5141a; margin-left: 10px; padding-left: 10px;} #shebei .right .news ul .tit a{ float: right; margin-right: 10px; font-size: 10px; } #shebei .right .news ul li{ height: 30px; line-height: 30px; background-color: #f7f6f6; border-bottom: 2px solid #fff; padding: 0 10px; } #shebei .right .news ul li span{ float: right; } /*资讯*/ #shebei .zixun .newslist{ width: 100%; clear: both; overflow: hidden;} #shebei .zixun .newslist .tit{ height: 40px; line-height: 40px; padding-left: 20px; background-color: #eee; text-align: left; font-size: 14px; } #shebei .zixun .newslist .tit a{ float: right; margin-right: 20px; } #shebei .zixun .newslist img{ width: 290px; float: left; display: block; margin-top: 20px; margin-right: 20px; } #shebei .zixun .newslist ul{ float: left; width: 460px; margin: 20px; } #shebei .zixun .newslist ul .top{ margin-bottom: 20px; } #shebei .zixun .newslist ul .top a{ display: block; width: 450px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} #shebei .zixun .newslist ul .top span{ font-size: 16px; } #shebei .zixun .newslist ul .top p{ font-size: 12px; } #shebei .zixun .newslist ul li{ float: none; border-bottom: 1px solid #ccc; clear: both; overflow: hidden; height: 30px; line-height: 30px;} #shebei .zixun .newslist ul li .title{ float: left; display: block; } #shebei .zixun .newslist ul li .title a{ display: block; width: 350px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} #shebei .zixun .newslist ul li span{ float: right; } #shebei .zixun .newslist ul .more a{display: block; width: 130px; height: 30px; line-height: 30px; text-align: center; float: right; background-color: #ff4e00; margin-top: 30px; color: #fff;} #shebei .zixun .newslist ul .more a:hover{ color: #fff; } #shebei .zixun .answerlist{ width: 100%; clear: both; overflow: hidden;} #shebei .zixun .answerlist .tit{ height: 40px; line-height: 40px; padding-left: 20px; background-color: #eee; text-align: left; font-size: 14px; } #shebei .zixun .answerlist .tit a{ float: right; margin-right: 20px; } #shebei .zixun .answerlist img{ width: 290px; float: left; display: block; margin-top: 20px; margin-right: 20px; } #shebei .zixun .answerlist ul{ float: left; width: 460px; margin: 20px; } #shebei .zixun .answerlist ul li{ float: none; overflow: hidden; margin-bottom: 15px;} #shebei .zixun .answerlist ul li .left{ width: 40px; float: left; } #shebei .zixun .answerlist ul li .left{ float: left; width: 30px;} #shebei .zixun .answerlist ul li .left span{ display: block; float: none; width: 20px; margin: 0 5px; text-align: center; color: #fff; } #shebei .zixun .answerlist ul li .left span:nth-child(1){ background-color: #d5141a; } #shebei .zixun .answerlist ul li .left span:nth-child(2){ background-color: #ffa200; } #shebei .zixun .answerlist ul li .right{ float: right; width: 420px;} #shebei .zixun .answerlist ul li .right p{ font-size: 10px; line-height: 16px; } #shebei .zixun .answerlist ul .more a{display: block; width: 130px; height: 30px; line-height: 30px; text-align: center; float: right; background-color: #ff4e00; margin-top: 30px; color: #fff;} #shebei .zixun .answerlist ul .more a:hover{ color: #fff; } /*走进邦图*/ #about{ width: 900px; margin: 0 auto; } #about .tit{ text-align: center; font-size: 18px; font-weight: 500; margin: 40px auto 0; padding: 10px 0 5px 0; } #about .subtit{ width: 400px; height: 40px; background-color: #ff8f02; text-align: center; color: #fff; font-size: 16px; line-height: 40px; margin: 20px auto 0;} #about .line{ width: 160px; height: 2px; background-color: #df151b; margin: 0 auto; } #about .condesc{ width: 100%; text-align: center; margin-top: 5px; font-size: 12px; color: #666; } #about .content{ margin-top: 40px; } #about .content .top{} #about .content .top img{ width: 500px; float: left; } #about .content .top p{ clear: none; float: left; width: 260px; margin-left: 30px; margin-top: 50px;} #about .content p{ width: 100%; clear: both; text-indent: 2rem; line-height: 35px;} #about .content img{ width: 90%; margin: 0 auto; display: block; } /*案例内容页面*/ #about .alcontent{ margin-top: 40px; overflow: hidden; margin-bottom: 40px; } #about .alcontent .left{ width: 400px; float: left; overflow: hidden; } #about .alcontent .right{ width: 450px; margin-left: 30px; float: left; overflow: hidden; } #about .alcontent p{ width: 100%; clear: both; line-height: 35px;} #about .alcontent img{ width: 90%; margin: 0 auto; display: block; } #about .alpages{ clear: both; margin-top: 30px; text-align: center;} #about .alpages span{ margin: 10px; display: inline-block;} .downlist{ width: 100%; } .downlist .top{ width: 90%; padding: 0 5%; height: 40px; line-height: 40px; font-size: 16px; overflow: hidden; border-bottom: 1px solid #333; } .downlist .title{ float: left; width: 500px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .downlist .time{ float: left; width: 100px; } .downlist .caozuo{ float: right; width: 100px; } .downlist ul{ overflow: hidden; clear: both; } .downlist ul li{ width: 94%; padding: 0 3%; height: 30px; line-height: 30px; background-color: #eee;} .downlist ul li:nth-child(2n){ background-color: #fff; } .downlist ul li a{ float: right; width: 100px; height: 20px; font-size: 10px; line-height: 20px; margin-top: 5px; text-align: center; background-color: #ff8f02; color: #fff;} /*案例*/ #zxlist{ width: 1100px; margin: 20px auto; } #zxlist .left{ float: left; width: 250px; text-align: left;} #zxlist .left .type{ overflow: hidden; background-color: #f7f6f6; margin-top: 10px;} #zxlist .left .type:nth-child(1){ margin-top: 0; } #zxlist .left .type .tit{ border: 1px solid #ddd; height: 40px; line-height: 40px; margin-bottom: 1px; border-top-left-radius:5px; border-top-right-radius:5px; overflow: hidden;} #zxlist .left .type .tit span{ display: block; height: 20px; line-height: 20px; margin-left: 10px; margin-top: 10px; padding-left: 5px; border-left: 5px solid #d5141a; font-size: 16px; } #zxlist .left .type ul{ border-top: 3px solid #fff;} #zxlist .left .type ul li a{display: block; width: 230px; height: 30px; line-height: 30px; padding-left: 20px; border-bottom: 2px solid #fff; } #zxlist .left .type ul li a:hover{ background-color: #ff4e00; color: #fff; } #zxlist .left .type ul li.cur a{ background-color: #ff4e00; color: #fff; } #zxlist .left .contact{ margin-top: 10px; background-color: #f7f6f6; overflow: hidden; } #zxlist .left .contact .tit{ border: 1px solid #ddd; height: 40px; line-height: 40px; margin-bottom: 1px; border-top-left-radius:5px; border-top-right-radius:5px; overflow: hidden;} #zxlist .left .contact .tit span{ display: block; height: 20px; line-height: 20px; margin-left: 10px; margin-top: 10px; padding-left: 5px; border-left: 5px solid #d5141a; font-size: 16px; } #zxlist .left .contact p{ display: block; padding-left: 20px; line-height: 30px; border-top: 3px solid #fff;} #zxlist .right{ float: right; width: 820px; } #zxlist .right .allist{ overflow: hidden; } #zxlist .right .allist ul{} #zxlist .right .allist ul li{ border-bottom: 1px solid #eee; overflow: hidden; padding: 20px 0;} #zxlist .right .allist ul li .right{ float: right; width: 800px; } #zxlist .right .allist ul li .right span{ font-size: 16px; margin-bottom: 10px; } #zxlist .right .allist ul li .right span a{ display: block; width: 750px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} #zxlist .right .allist ul li .right span.time{ float: right; } #zxlist .right .allist ul li .right p{ line-height: 20px; } #zxlist .right .tit{ text-align: center; font-size: 18px; margin-top: 20px; } #zxlist .right img.zizhi{ width: 95%; display: block; margin: 0 auto; } #zxlist .right .tit{ font-size: 26px; color: #000; margin: 20px 0 0 0;} #zxlist .right .subtit{ color: #6a6a6a; margin-bottom: 20px; text-align: center;} #zxlist .right .lcbg{ width: 100%; margin: 20px 0;} /*新闻*/ #zxlist .right .news{ margin-bottom: 30px; overflow: hidden; } #zxlist .right .news ul{ float: left; width: 390px; margin-right: 20px; text-align: left;} #zxlist .right .news ul:nth-child(2){ margin-right: 0; } #zxlist .right .news ul .tit{ border: 1px solid #e5e2e2; height: 30px; line-height: 30px; background-color: #fafafa; text-align: left;} #zxlist .right .news ul .tit span{ font-size: 16px; border-left: 5px solid #d5141a; margin-left: 10px; padding-left: 10px;} #zxlist .right .news ul .tit a{ float: right; margin-right: 10px; font-size: 10px; } #zxlist .right .news ul li{ height: 30px; line-height: 30px; background-color: #f7f6f6; border-bottom: 2px solid #fff; padding: 0 10px; } #zxlist .right .news ul li span{ float: right; } /*网站地图*/ #sitemap{ width: 1100px; margin: 0 auto; } #sitemap ul li a{ display: inline-block; font-size: 18px; clear: both; margin: 10px; } #sitemap ul li ul{ display: block; clear: both; width: calc(100% - 22px); border: 1px solid #eee; overflow: hidden; margin: 10px auto; padding: 10px; } #sitemap ul li ul li{ float: left; } #sitemap ul li ul li a{ font-size: 14px; margin: 0; margin-right: 20px; }