- 矿产资源
- 再生资源
- 新材料研发 @@ -87,37 +87,37 @@
-
应用领域标题
Application domain title成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资
- 查看详情 + 查看详情 -
应用领域标题
Application domain title成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资
- 查看详情 + 查看详情 -
应用领域标题
Application domain title成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资
- 查看详情 + 查看详情 -
应用领域标题
Application domain title成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资
- 查看详情 + 查看详情 -
应用领域标题
Application domain title成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资
- 查看详情 + 查看详情
应用领域标题
Application domain title成立于2021年12月30日，系由四川路桥建设集团股份有限公司（以下简称四川路桥公司）四川省新能源动力股份有限公司（以下简称川能动力）马边彝族自治县禾丰国有资产有限公司（以下简称马边国资公司）以及比亚迪股份有限公司（以下简称比亚迪公司）共同投资成立的有限责任公司，公司设立时注册资本为人民币比亚迪公司出资
- 查看详情 + 查看详情-
+
- 矿产资源
- 再生资源
- 新材料研发 diff --git a/css/style.css b/css/style.css index f031ec9..27f8112 100644 --- a/css/style.css +++ b/css/style.css @@ -1206,6 +1206,7 @@ .business-txt{ font-size: 14px; line-height: 2; + text-align: justify; } .business-txt p{ margin-bottom: 30px; @@ -1838,16 +1839,41 @@ textarea::-webkit-input-placeholder { .logo h1{ font-size: 24px; } - .nav li>a{ + .logo span{ + font-size: 16px; + } + .nav li>a, + .nav li.active>a{ padding: 0 30px; } } @media screen and (max-width:1440px){ - + .logo h1{ + font-size: 22px; + } + .logo span{ + font-size: 15px; + } + .nav li>a, + .nav li.active>a{ + padding: 0 20px; + } + .w1280{ + width: 90%; + } } @media screen and (max-width:1280px){ - + .logo h1{ + font-size: 20px; + } + .logo span{ + font-size: 14px; + } + .nav li>a, + .nav li.active>a{ + padding: 0 15px; + } } @media screen and (max-width:1180px){ @@ -2167,6 +2193,12 @@ textarea::-webkit-input-placeholder { 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; } @@ -2234,6 +2266,226 @@ textarea::-webkit-input-placeholder { .pull-item.pull-item-fixed{ top: 70px; } + .news-list li{ + width: 100%; + margin-right: 0; + } + .news-img{ + height: 238px; + } + .news-img img{ + min-height: 238px; + } + .pase-size a{ + font-size: 13px; + } + .pase-size a:nth-of-type(n+7){ + display: none; + } + .pase-size a:last-child{ + display: block; + } + .pull-swiper{ + height: 240px; + } + .news>h1{ + font-size: 18px; + } + .news-page{ + flex-wrap: wrap; + } + .news-page>a{ + width: 100%; + margin: 5px 0; + } + .news-page>a ins, + .news-page>a span{ + display: none; + } + .page-title{ + width: 100%; + } + .news-page>a:nth-of-type(1) p::before{ + content: "上一篇："; + width: 80px; + } + .news-page>a:nth-of-type(2) p::before{ + content: "下一篇："; + width: 80px; + } + .news-page .next{ + justify-content: flex-start; + } + .business-img{ + flex-wrap: wrap; + margin-bottom: 0; + } + .view{ + width: 100%; + } + .preview{ + width: 100%; + margin: 10px 0 0 0; + } + .preview .swiper-wrapper{ + flex-wrap: nowrap; + } + .preview .swiper-slide{ + height: 84px; + overflow: hidden; + } + .preview .swiper-slide img{ + min-height: 84px; + } + .preview .swiper-slide-thumb-active img{ + min-height: 74px; + } + .preview-arrow{ + display: none; + } + .area-list li{ + width: 100%; + } + .area-list li .more{ + margin-top: 40px; + } + .area-list li:nth-of-type(odd){ + background-color: #FFFFFF; + } + .area-list li:nth-of-type(even){ + background-color: rgba(255,255,255,0); + } + .inspect-list li{ + padding: 20px 10px; + } + .inspect-time{ + width: 70; + padding-right: 10px; + } + .inspect-txt{ + width: calc(100% - 90px); + } + .enterprise-list li{ + flex-wrap: wrap; + } + .enterprise-list li>div{ + width: 100%; + } + .enterprise-img{ + height: 205px; + } + .enterprise-img img{ + min-height: 205px; + } + .enterprise-txt{ + height: auto; + padding: 20px 0 5px; + } + .enterprise-txt p{ + padding: 0 10%; + } + .team-list-other{ + padding: 5px 10px 15px; + } + .team-style-swiper .swiper-slide p{ + padding: 5px 10px; + font-size: 14px; + } + .social-list li>a{ + flex-wrap: wrap; + } + .social-list li>a>div{ + width: 100%; + } + .social-img{ + height: 238px; + } + .social-img img{ + min-height: 238px; + } + .social-txt{ + padding: 10px; + } + .social-txt h4{ + font-size: 18px; + } + .social-txt p{ + -webkit-line-clamp:3 + } + .guide-list li{ + padding: 20px 10px; + } + .information-content{ + flex-wrap: wrap; + margin-bottom: 0; + } + .information-content>div{ + width: 100%; + } + .information-img img{ + width: 100%; + margin-top: 30px; + } + .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; + } + .contact-top li>img{ + margin-bottom: 8px; + } + .contact-top li>p{ + font-size: 13px; + word-break: break-all; + } + .contact-map{ + height: 200px; + margin-top: 5px; + } + .form-top{ + flex-wrap: wrap; + } + .form-top input{ + width: 100%; + margin-top: 10px; + } + .contact-btn{ + width: 150px; + height: 50px; + } + .join-list li>div:nth-of-type(1)>strong, .join-list li>div:nth-of-type(1)>span{ + font-size: 13px; + } + .join-list li>div:nth-of-type(1)>strong:last-child, .join-list li>div:nth-of-type(1)>span:last-child{ + width: 16%; + } + .join-list li>div:nth-of-type(1)>strong, .join-list li>div:nth-of-type(1)>span{ + width: 22%; + } + .join-list li>div:nth-of-type(1){ + padding: 0 10px; + } + .join-list li.active>div:nth-of-type(2){ + padding: 0 10px 20px; + } + .join-list li>div:nth-of-type(1)>strong:first-child, .join-list li>div:nth-of-type(1)>span:first-child{ + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } } @media screen and (max-width:350px){ diff --git a/js/javascript.js b/js/javascript.js index a89fd31..63192d8 100644 --- a/js/javascript.js +++ b/js/javascript.js @@ -74,7 +74,7 @@ jQuery(function($){ }); // 大事记滚动 - if(screen.width <= 768){ + if(screen.width <= 860){ var memorabiliSwiper = new Swiper('.memorabili-swiper',{ loop:false,//开启循环播放 autoplay : { @@ -115,18 +115,35 @@ jQuery(function($){ }) } // 主营业务滚动 - var viewSwiper = new Swiper('.view-swiper', { - navigation: { - prevEl: '.preview .preview-arrow-prev', - nextEl: '.preview .preview-arrow-next', - }, - thumbs: { - swiper: { - el: '.preview-swiper', //注意此处的设置方式 - watchSlidesVisibility: true,//防止不可点击 + if(screen.width <= 860){ + var viewSwiper = new Swiper('.view-swiper', { + navigation: { + prevEl: '.preview .preview-arrow-prev', + nextEl: '.preview .preview-arrow-next', }, - } - }); + thumbs: { + swiper: { + el: '.preview-swiper', //注意此处的设置方式 + slidesPerView: 3, + watchSlidesVisibility: true,//防止不可点击 + }, + } + }); + }else{ + var viewSwiper = new Swiper('.view-swiper', { + navigation: { + prevEl: '.preview .preview-arrow-prev', + nextEl: '.preview .preview-arrow-next', + }, + thumbs: { + swiper: { + el: '.preview-swiper', //注意此处的设置方式 + watchSlidesVisibility: true,//防止不可点击 + }, + } + }); + } + // // 回到顶部 @@ -189,36 +206,70 @@ jQuery(function($){ // 团队风采滚动 - var teamStyleSwiper = new Swiper('.team-style-swiper', { - // paginationClickable: true, - observer: true, - observeParents: true, - // initialSlide: swipIndex, - effect: 'coverflow', - centeredSlides: true, - spaceBetween: '1%', - slidesPerView: 2, - loop: true, - autoplay:true, - // autoplay: { - // disableOnInteraction: false, - // }, - navigation: { - // - }, - coverflowEffect: { - rotate: 0, //slide做3d旋转时Y轴的旋转角度 - stretch: 100, //每个slide之间的拉伸值，越大slide靠得越紧。5.3.6 后可使用%百分比 - depth: 120, //slide的位置深度。值越大z轴距离越远，看起来越小。 - modifier: 1, //depth和rotate和stretch的倍率，相当于depth*modifier、rotate*modifier、stretch*modifier，值越大这三个参数的效果越明显。 - slideShadows: false, - }, - on: { - transitionEnd: function () { - this.activeIndex - } - } - }) + if(screen.width <= 860){ + var teamStyleSwiper = new Swiper('.team-style-swiper', { + // paginationClickable: true, + observer: true, + observeParents: true, + // initialSlide: swipIndex, + effect: 'coverflow', + centeredSlides: true, + spaceBetween: '1%', + slidesPerView: 2, + loop: true, + autoplay:true, + // autoplay: { + // disableOnInteraction: false, + // }, + navigation: { + // + }, + coverflowEffect: { + rotate: 0, //slide做3d旋转时Y轴的旋转角度 + stretch: 30, //每个slide之间的拉伸值，越大slide靠得越紧。5.3.6 后可使用%百分比 + depth: 140, //slide的位置深度。值越大z轴距离越远，看起来越小。 + modifier: 1, //depth和rotate和stretch的倍率，相当于depth*modifier、rotate*modifier、stretch*modifier，值越大这三个参数的效果越明显。 + slideShadows: false, + }, + on: { + transitionEnd: function () { + this.activeIndex + } + } + }) + }else{ + var teamStyleSwiper = new Swiper('.team-style-swiper', { + // paginationClickable: true, + observer: true, + observeParents: true, + // initialSlide: swipIndex, + effect: 'coverflow', + centeredSlides: true, + spaceBetween: '1%', + slidesPerView: 2, + loop: true, + autoplay:true, + // autoplay: { + // disableOnInteraction: false, + // }, + navigation: { + // + }, + coverflowEffect: { + rotate: 0, //slide做3d旋转时Y轴的旋转角度 + stretch: 100, //每个slide之间的拉伸值，越大slide靠得越紧。5.3.6 后可使用%百分比 + depth: 120, //slide的位置深度。值越大z轴距离越远，看起来越小。 + modifier: 1, //depth和rotate和stretch的倍率，相当于depth*modifier、rotate*modifier、stretch*modifier，值越大这三个参数的效果越明显。 + slideShadows: false, + }, + on: { + transitionEnd: function () { + this.activeIndex + } + } + }) + } + // 加入我们切换 $('.join-item').click(function() { diff --git a/team.html b/team.html index d08da40..ff3f25c 100644 --- a/team.html +++ b/team.html @@ -84,19 +84,19 @@
