联系我们手机端样式修改

master
Lee-1203 2022-02-21 09:39:24 +08:00
parent b7a5f725a3
commit 5fcefbbebe
3 changed files with 58 additions and 32 deletions

View File

@ -104,7 +104,7 @@
<p>扫一扫<br />关注蜀能矿业</p> <p>扫一扫<br />关注蜀能矿业</p>
</li> </li>
</ul> </ul>
<div class="contact-map wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0" id="map"></div> <div class="contact-map" id="map"></div>
<script src="./js/bdmap.js" type="text/javascript" charset="utf-8"></script> <script src="./js/bdmap.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript"> <script type="text/javascript">
ShowMap("map",{ ShowMap("map",{

View File

@ -746,7 +746,7 @@
} }
.pull-banner-title{ .pull-banner-title{
top: 47%; top: 47%;
animation: pullBanner 1.5s; animation: pullBanner 1s;
} }
.pull-banner-title h2{ .pull-banner-title h2{
font-size: 78px; font-size: 78px;
@ -1994,6 +1994,28 @@ textarea::-webkit-input-placeholder {
padding: 0 30px 30px; padding: 0 30px 30px;
} }
/* 动画效果 */
/* @keyframes myfirst-01
{
0% {transform: rotateY(0deg);}
50% {transform: rotateY(30deg);}
100% {transform: rotateY(0deg);}
} */
@keyframes myfirst-02
{
from { top: calc(80% - 60px);}
to { top:calc(50% - 60px);}
}
@keyframes myfirst-03
{
from { background-color: #262626;}
to { background-color: #de0011;}
}
@keyframes pullBanner
{
from {top: 80%;}
to {top: 47%;}
}
@media screen and (max-width:1690px){ @media screen and (max-width:1690px){
.w1690{ .w1690{
@ -2436,6 +2458,14 @@ textarea::-webkit-input-placeholder {
left: 10%; left: 10%;
top: 28%; top: 28%;
} }
.pull-banner-title{
top: 40%;
}
@keyframes pullBanner
{
from {top: 80%;}
to {top: 40%;}
}
.banner-title h2{ .banner-title h2{
font-size: 30px; font-size: 30px;
} }
@ -2901,11 +2931,21 @@ textarea::-webkit-input-placeholder {
padding: 15px 10px; padding: 15px 10px;
} }
.contact-top li{ .contact-top li{
width: 50%; display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 15px 10px; padding: 15px 10px;
margin: 0;
border: 0;
} }
.contact-top li>span{ .contact-top li>span{
margin-bottom: 20px; margin: 0;
}
.contact-top li>p{
width: calc(100% - 90px);
text-align: justify;
} }
.contact-top li>img{ .contact-top li>img{
margin-bottom: 8px; margin-bottom: 8px;
@ -2914,6 +2954,15 @@ textarea::-webkit-input-placeholder {
font-size: 13px; font-size: 13px;
word-break: break-all; word-break: break-all;
} }
.contact-top li:last-child{
margin-bottom: 12px;
}
.contact-top li:last-child>img{
margin: 0;
}
.contact-top li:last-child>p{
width: calc(100% - 115px);
}
.contact-map{ .contact-map{
height: 200px; height: 200px;
margin-top: 5px; margin-top: 5px;
@ -2931,6 +2980,10 @@ textarea::-webkit-input-placeholder {
.form-top>input:nth-of-type(3){ .form-top>input:nth-of-type(3){
width: 100%; width: 100%;
} }
.contact-btn,
.index-about-left .more{
background-color: #de0011;
}
.contact-btn{ .contact-btn{
width: 150px; width: 150px;
height: 50px; height: 50px;
@ -3015,26 +3068,3 @@ textarea::-webkit-input-placeholder {
margin: 20px 0 10px; margin: 20px 0 10px;
} }
} }
/* 动画效果 */
/* @keyframes myfirst-01
{
0% {transform: rotateY(0deg);}
50% {transform: rotateY(30deg);}
100% {transform: rotateY(0deg);}
} */
@keyframes myfirst-02
{
from { top: calc(80% - 60px);}
to { top:calc(50% - 60px);}
}
@keyframes myfirst-03
{
from { background-color: #262626;}
to { background-color: #de0011;}
}
@keyframes pullBanner
{
from {opacity: 0;}
to {opacity: 1;}
}

View File

@ -155,7 +155,6 @@ jQuery(function($){
} }
// // 回到顶部 // // 回到顶部
// $('#toTop').click(function(){$('html,body').animate({scrollTop:$('#top').offset().top}, 600);}); // $('#toTop').click(function(){$('html,body').animate({scrollTop:$('#top').offset().top}, 600);});
@ -216,9 +215,6 @@ jQuery(function($){
// 团队风采滚动 // 团队风采滚动
if(screen.width <= 860){ if(screen.width <= 860){
var teamStyleSwiper = new Swiper('.team-style-swiper', { var teamStyleSwiper = new Swiper('.team-style-swiper', {