联系我们手机端样式修改
parent
b7a5f725a3
commit
5fcefbbebe
|
|
@ -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",{
|
||||||
|
|
|
||||||
|
|
@ -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;}
|
|
||||||
}
|
|
||||||
|
|
@ -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', {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue