提交 747740da authored 作者: panwy's avatar panwy

地图位置调整,首页产品展示调整放大比例

上级 4389b531
......@@ -4,7 +4,7 @@ ul,ol,dl{list-style-type:none}
/* 销售网络 */
.network{overflow: hidden; margin-bottom: 80px;}
.network{overflow: hidden; margin-bottom: 80px;margin-left: 150px;margin-right: 150px;border: 1px solid #dcdcdc;}
.network .net-in{
background: #fff;
overflow: hidden;
......@@ -50,7 +50,7 @@ ul,ol,dl{list-style-type:none}
box-sizing:border-box;
border: 1px solid #fff;
}
.network .net-map{ margin-left: 30%; height: 100%; overflow: hidden; border: 1px solid #dcdcdc; box-sizing:border-box; background: #fff; }
.network .net-map{ margin-left: 30%; height: 100%; overflow: hidden; box-sizing:border-box; background: #fff; }
.network .net-map img{ width: 100%; height: 100%; }
.network .net-left ul{ overflow-y: scroll; height: 568px; }
.network .net-left li{padding: 20px 60px 20px 20px; border-bottom: 1px solid #e6e6e6;}
......@@ -78,45 +78,45 @@ ul,ol,dl{list-style-type:none}
background-image: url(../img/map_diru.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: 39px -32px;
background-position: 290px -32px;
}
.mp{position:absolute;cursor:pointer;background:url(../img/map_fi1.png) no-repeat 4px 20px;width:24px;height:63px;transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;}
.mp:hover,.mp.on{background:url(../img/map_fi2.png) no-repeat 4px 20px;transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;}
.mp1{left:233px;top:120px;}
.mp2{left:400px;top:275px;}
.mp3{left:233px;top:377px;}
.mp4{left:515px;top:600px;}
.mp5{left:400px;top:480px;}
.mp6{left:465px;top:460px;}
.mp7{left:427px;top:385px;}
.mp8{left:500px;top:323px;}
.mp9{left:615px;top:278px;}
.mp10{left:552px;top:258px;}
.mp11{left:663px;top:462px;}
.mp12{left:489px;top:527px;}
.mp13{left:562px;top:432px;}
.mp14{left:608px;top:420px;}
.mp15{left:700px;top:478px;}
.mp16{left:571px;top:520px;}
.mp17{left:575px;top:540px;}
.mp18{left:670px;top:385px;}
.mp19{left:575px;top:385px;}
.mp20{left:576px;top:255px;}
.mp21{left:611px;top:230px;}
.mp22{left:429px;top:292px;}
.mp23{left:600px;top:220px;}
.mp24{left:536px;top:205px;}
.mp25{left:690px;top:175px;}
.mp26{left:708px;top:133px;}
.mp27{left:716px;top:97px;}
.mp28{left:585px;top:535px;}
.mp29{left:624px;top:362px;}
.mp30{left:646px;top:358px;}
.mp31{left:466px;top:247px;}
.mp32{left:568px;top:315px;}
.mp33{left:463px;top:407px;}
.mp34{left:686px;top:368px;}
.mp1{left:484px;top:120px;}
.mp2{left:650px;top:275px;}
.mp3{left:483px;top:377px;}
.mp4{left:775px;top:575px;}
.mp5{left:650px;top:480px;}
.mp6{left:715px;top:460px;}
.mp7{left:677px;top:385px;}
.mp8{left:751px;top:323px;}
.mp9{left:865px;top:278px;}
.mp10{left:802px;top:258px;}
.mp11{left:913px;top:462px;}
.mp12{left:739px;top:527px;}
.mp13{left:812px;top:432px;}
.mp14{left:858px;top:420px;}
.mp15{left:951px;top:478px;}
.mp16{left:821px;top:520px;}
.mp17{left:825px;top:540px;}
.mp18{left:920px;top:385px;}
.mp19{left:829px;top:385px;}
.mp20{left:826px;top:255px;}
.mp21{left:862px;top:230px;}
.mp22{left:679px;top:292px;}
.mp23{left:850px;top:220px;}
.mp24{left:786px;top:205px;}
.mp25{left:940px;top:175px;}
.mp26{left:958px;top:133px;}
.mp27{left:967px;top:97px;}
.mp28{left:835px;top:535px;}
.mp29{left:874px;top:362px;}
.mp30{left:896px;top:358px;}
.mp31{left:716px;top:247px;}
.mp32{left:819px;top:315px;}
.mp33{left:713px;top:407px;}
.mp34{left:937px;top:368px;}
.mp .tex{
font-size: 15px;
color: #2c3d66;
......
......@@ -41,6 +41,7 @@ input,textarea{outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: bord
.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img,.effect-img span{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.effect-img:hover img,li:hover .effect-img img,dd:hover .effect-img img,.item:hover .effect-img img,.effect-img:hover span,li:hover .effect-img span,dd:hover .effect-img span,.item:hover .effect-img span{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
.effect-img:hover img,.item:hover .effect-img img{opacity: 1;-webkit-transform: scale3d(1.8,1.8,1);transform: scale3d(1.8,1.8,1);}
.boxbg{background-repeat: no-repeat; background-position: center center; background-size: cover;}
.Ban img{display: block; width: 100%;}
......@@ -100,7 +101,7 @@ input,textarea{outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: bord
/*Top*/
.Header{background: #1d1d1d; transition: 500ms;}
.Tright{padding: 10px 15px; background: #494949; width: 440px; float: right; margin-right: 10%; transition: 500ms;}
.Tright{padding: 10px 15px; width: 440px; float: right; margin-right: 10%; transition: 500ms;}
.Tright .call{float: left; line-height: 34px; color: #fff;}
.Search{width: 196px; float: right; border: 1px solid #8a8a8a; position: relative; padding: 0px 40px 0px 10px;}
.Search .input{width: 100%; height: 32px; text-align: center; color: #fff;}
......@@ -378,7 +379,7 @@ input,textarea{outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: bord
.CaseList li:nth-child(2n){float: right;}
.CaseList li .effect-img img{display: block; width: 100%;}
.CaseList li .title{color: #fff; background: #959595; line-height: 52px; height: 52px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.Menu .list li.on a,.Menu .list li:hover a{background: #01726a;}
@media ( max-width:1024px){
.LeftBar{position: static; width: auto; margin-bottom: 15px;}
.CaseList{margin-left: 0; min-height: auto;}
......
......@@ -72,6 +72,8 @@
<script type="text/javascript">
function selectNumber(){
var checks='{{$sid}}'; //-----复选框的值
console.log(checks);
// console.log(checks)
var boxes = $(".type"); //----根据name获取页面上的复选框
$(".type").each(function(){
......
......@@ -69,7 +69,7 @@
<div class="network">
<div class="layout layout1">
<div class="net-in">
<div class="net-left" style="width: 22%;">
<div class="net-left" style="width: 24%;">
<div class="net-ltop">
<h4>体验馆分布</h4>
</div>
......@@ -89,7 +89,7 @@
</ul>
</div>
<div class="net-map" style="margin-left: 22%;">
<div class="m_map" style="width: 78%;">
<div class="m_map" style="width: 100%;">
<div class="mp mp1">
<div data-id="650000" class="tex">新疆</div>
</div>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑!
请 注册 或者 后发表评论