响应式样式调整完成
parent
ccb51db43e
commit
bb3b9e5780
|
|
@ -330,7 +330,7 @@
|
|||
</footer>
|
||||
</body>
|
||||
<script type="text/javascript">
|
||||
if(screen.width <= 860){
|
||||
if(screen.width <= 980){
|
||||
let navTop = $(".pull-item").offset().top-70;
|
||||
$(window).bind("scroll",function(){
|
||||
let topScroll=$(this).scrollTop();//当前窗口的滚动距离
|
||||
|
|
|
|||
197
css/style.css
197
css/style.css
|
|
@ -1837,6 +1837,9 @@ textarea::-webkit-input-placeholder {
|
|||
.w1690{
|
||||
width: 94%;
|
||||
}
|
||||
.pull-item.pull-item-fixed{
|
||||
width: 94%;
|
||||
}
|
||||
.logo h1{
|
||||
font-size: 24px;
|
||||
}
|
||||
|
|
@ -1850,7 +1853,7 @@ textarea::-webkit-input-placeholder {
|
|||
}
|
||||
@media screen and (max-width:1580px){
|
||||
.banner-swiper{
|
||||
height: 580px;
|
||||
height: 750px;
|
||||
}
|
||||
.banner-title h2{
|
||||
font-size: 90px;
|
||||
|
|
@ -1862,7 +1865,7 @@ textarea::-webkit-input-placeholder {
|
|||
font-size: 15px;
|
||||
}
|
||||
.pull-swiper{
|
||||
height: 430px;
|
||||
height: 490px;
|
||||
}
|
||||
.pull-banner-title h2{
|
||||
font-size: 78px;
|
||||
|
|
@ -1886,7 +1889,7 @@ textarea::-webkit-input-placeholder {
|
|||
width: 90%;
|
||||
}
|
||||
.banner-swiper{
|
||||
height: 545px;
|
||||
height: 670px;
|
||||
}
|
||||
.banner-title h2{
|
||||
font-size: 87px;
|
||||
|
|
@ -1898,7 +1901,7 @@ textarea::-webkit-input-placeholder {
|
|||
font-size: 15px;
|
||||
}
|
||||
.pull-swiper{
|
||||
height: 405px;
|
||||
height: 430px;
|
||||
}
|
||||
.pull-banner-title h2{
|
||||
font-size: 76px;
|
||||
|
|
@ -1920,7 +1923,7 @@ textarea::-webkit-input-placeholder {
|
|||
padding: 0 15px;
|
||||
}
|
||||
.banner-swiper{
|
||||
height: 530px;
|
||||
height: 580px;
|
||||
}
|
||||
.banner-title h2{
|
||||
font-size: 84px;
|
||||
|
|
@ -1986,16 +1989,27 @@ textarea::-webkit-input-placeholder {
|
|||
.pull-banner-title p{
|
||||
font-size: 26px;
|
||||
}
|
||||
.index-information-title{
|
||||
line-height: 1.5;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width:1080px){
|
||||
|
||||
.nav li>a, .nav li.active>a{
|
||||
padding: 0 12px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.contact-top{
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.contact-top li{
|
||||
width: 50%;
|
||||
margin: 10px 0;
|
||||
}
|
||||
.contact-top li:nth-of-type(odd){
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width:980px){
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width:860px){
|
||||
.w1690{
|
||||
width: 95%;
|
||||
}
|
||||
|
|
@ -2077,7 +2091,101 @@ textarea::-webkit-input-placeholder {
|
|||
color: #FFFFFF;
|
||||
|
||||
}
|
||||
.pull-item li>a{
|
||||
padding: 0 20px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.pull-item-02 li>a{
|
||||
padding: 0 15px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.pull-item-03 li>a{
|
||||
padding: 0 12px;
|
||||
font-size: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
.banner-swiper{
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
margin-top: 70px;
|
||||
}
|
||||
.pull-item.pull-item-fixed{
|
||||
top: 70px;
|
||||
}
|
||||
.memorabili{
|
||||
padding: 30px 0 40px;
|
||||
}
|
||||
|
||||
.memorabili-txt .swiper-slide{
|
||||
width: 100% !important;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.memorabili-txt{
|
||||
padding: 0;
|
||||
}
|
||||
.memorabili-txt .swiper-slide:nth-of-type(2n){
|
||||
margin-top: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.memorabili-txt .swiper-slide strong{
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
.memorabili-txt .swiper-slide p{
|
||||
font-size: 14px;
|
||||
line-height: 2;
|
||||
}
|
||||
.memorabili-swiper .swiper-button-prev,
|
||||
.memorabili-swiper .swiper-button-next,
|
||||
.memorabili-txt .line,
|
||||
.memorabili-txt .swiper-slide em{
|
||||
display: none;
|
||||
}
|
||||
.banner-title p{
|
||||
font-size: 27px;
|
||||
}
|
||||
.pull-swiper{
|
||||
height: 360px;
|
||||
}
|
||||
.index-news-information{
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.index-news,
|
||||
.index-information{
|
||||
width: 100%;
|
||||
}
|
||||
.index-information{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.index-about-bottom li p{
|
||||
padding: 0 10%;
|
||||
}
|
||||
.news-list li,
|
||||
.news-list li:nth-of-type(3n){
|
||||
width: 49%;
|
||||
margin-right: 2%;
|
||||
}
|
||||
.news-list li:nth-of-type(2n){
|
||||
margin-right: 0;
|
||||
}
|
||||
.news>h1{
|
||||
font-size: 22px;
|
||||
}
|
||||
.preview .swiper-slide{
|
||||
height: 115px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.preview .swiper-slide img{
|
||||
min-height: 115px;
|
||||
}
|
||||
.preview .swiper-slide-thumb-active img{
|
||||
min-height: 101px;
|
||||
}
|
||||
.enterprise-txt p{
|
||||
padding: 0 15%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width:780px){
|
||||
/* banner */
|
||||
.banner-swiper{
|
||||
width: 100%;
|
||||
|
|
@ -2097,6 +2205,7 @@ textarea::-webkit-input-placeholder {
|
|||
.banner-title span{
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.index-news-information{
|
||||
flex-wrap: wrap;
|
||||
margin-top: 25px;
|
||||
|
|
@ -2222,6 +2331,7 @@ textarea::-webkit-input-placeholder {
|
|||
top: 20px;
|
||||
}
|
||||
.index-about-right img{
|
||||
width: auto;
|
||||
height: 45px;
|
||||
}
|
||||
.corporate-name{
|
||||
|
|
@ -2293,21 +2403,6 @@ textarea::-webkit-input-placeholder {
|
|||
.follow{
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.pull-item li>a{
|
||||
padding: 0 8px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.pull-item-02 li>a{
|
||||
padding: 0 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.pull-item-03 li>a{
|
||||
padding: 7px 12px;
|
||||
line-height: 22px;
|
||||
font-size: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
.section{
|
||||
padding: 25px 0;
|
||||
}
|
||||
|
|
@ -2343,35 +2438,6 @@ textarea::-webkit-input-placeholder {
|
|||
.pull-title span{
|
||||
font-size: 16px;
|
||||
}
|
||||
.memorabili{
|
||||
padding: 30px 0 40px;
|
||||
}
|
||||
|
||||
.memorabili-txt .swiper-slide{
|
||||
width: 100% !important;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.memorabili-txt{
|
||||
padding: 0;
|
||||
}
|
||||
.memorabili-txt .swiper-slide:nth-of-type(2n){
|
||||
margin-top: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.memorabili-txt .swiper-slide strong{
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
.memorabili-txt .swiper-slide p{
|
||||
font-size: 14px;
|
||||
line-height: 2;
|
||||
}
|
||||
.memorabili-swiper .swiper-button-prev,
|
||||
.memorabili-swiper .swiper-button-next,
|
||||
.memorabili-txt .line,
|
||||
.memorabili-txt .swiper-slide em{
|
||||
display: none;
|
||||
}
|
||||
.pull-item.pull-item-fixed{
|
||||
top: 70px;
|
||||
}
|
||||
|
|
@ -2381,6 +2447,7 @@ textarea::-webkit-input-placeholder {
|
|||
}
|
||||
.news-img{
|
||||
height: 238px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.news-img img{
|
||||
min-height: 238px;
|
||||
|
|
@ -2538,16 +2605,9 @@ textarea::-webkit-input-placeholder {
|
|||
.contact-content{
|
||||
padding: 15px 10px;
|
||||
}
|
||||
.contact-top{
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.contact-top li{
|
||||
width: 50%;
|
||||
padding: 15px 10px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
.contact-top li:nth-of-type(odd){
|
||||
border: 0;
|
||||
}
|
||||
.contact-top li>span{
|
||||
margin-bottom: 20px;
|
||||
|
|
@ -2596,6 +2656,15 @@ textarea::-webkit-input-placeholder {
|
|||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width:350px){
|
||||
|
||||
@media screen and (max-width:390px){
|
||||
.pull-item-02 li>a{
|
||||
padding: 0 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.pull-item-03 li>a{
|
||||
padding: 7px 12px;
|
||||
line-height: 22px;
|
||||
font-size: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
|
@ -74,7 +74,7 @@ jQuery(function($){
|
|||
});
|
||||
|
||||
// 大事记滚动
|
||||
if(screen.width <= 860){
|
||||
if(screen.width <= 980){
|
||||
var memorabiliSwiper = new Swiper('.memorabili-swiper',{
|
||||
loop:false,//开启循环播放
|
||||
autoplay : {
|
||||
|
|
@ -115,7 +115,7 @@ jQuery(function($){
|
|||
})
|
||||
}
|
||||
// 主营业务滚动
|
||||
if(screen.width <= 860){
|
||||
if(screen.width <= 780){
|
||||
var viewSwiper = new Swiper('.view-swiper', {
|
||||
navigation: {
|
||||
prevEl: '.preview .preview-arrow-prev',
|
||||
|
|
@ -150,7 +150,7 @@ jQuery(function($){
|
|||
// $('#toTop').click(function(){$('html,body').animate({scrollTop:$('#top').offset().top}, 600);});
|
||||
|
||||
// 走进蜀能锚点
|
||||
if(screen.width <= 860){
|
||||
if(screen.width <= 980){
|
||||
$('.abstract').click(function(){
|
||||
$('html,body').animate({scrollTop:$('.abstract-bg').offset().top - 128}, 600);
|
||||
$('.pull-item>li').removeClass("cur");
|
||||
|
|
@ -178,7 +178,7 @@ jQuery(function($){
|
|||
});
|
||||
}else{
|
||||
$('.abstract').click(function(){
|
||||
$('html,body').animate({scrollTop:$('.abstract-bg').offset().top - 128}, 600);
|
||||
$('html,body').animate({scrollTop:$('.abstract-bg').offset().top - 147}, 600);
|
||||
$('.pull-item>li').removeClass("cur");
|
||||
$(this).addClass("cur");
|
||||
});
|
||||
|
|
@ -203,6 +203,7 @@ jQuery(function($){
|
|||
$(this).addClass("cur");
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 团队风采滚动
|
||||
|
|
|
|||
Loading…
Reference in New Issue