mirror of https://gitee.com/topnuomi/zxf
更新前端px单位为rem
This commit is contained in:
parent
9333b94238
commit
b943f47818
|
|
@ -0,0 +1,22 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
$file = './style.less.bak';
|
||||||
|
$newfile = './style.less';
|
||||||
|
|
||||||
|
$fp = fopen($file, 'a+');
|
||||||
|
$newfp = fopen($newfile, 'a+');
|
||||||
|
|
||||||
|
while (!feof($fp)) {
|
||||||
|
$line = fgets($fp);
|
||||||
|
$t = preg_replace_callback("/ (\d+)px/", function ($item) {
|
||||||
|
return ' ' . ($item[1] * 1) / 100 . 'rem';
|
||||||
|
}, $line);
|
||||||
|
|
||||||
|
fwrite($newfp, $t);
|
||||||
|
// print_r($t);
|
||||||
|
// preg_match_all("/ (\d+)px/", $line, $temp_matches, PREG_OFFSET_CAPTURE);
|
||||||
|
// print_r($temp_matches);
|
||||||
|
}
|
||||||
|
|
||||||
|
fclose($fp);
|
||||||
|
fclose($newfp);
|
||||||
|
|
@ -19,15 +19,9 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
.pc {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.mobile {
|
|
||||||
display: initial;
|
|
||||||
}
|
|
||||||
.main-wrap {
|
.main-wrap {
|
||||||
width: 92%;
|
width: 6.8rem;
|
||||||
max-width: 500px;
|
max-width: 10rem;
|
||||||
}
|
}
|
||||||
.header.style1 .menu .link {
|
.header.style1 .menu .link {
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
|
|
@ -55,10 +49,10 @@
|
||||||
font-size: 0;
|
font-size: 0;
|
||||||
}
|
}
|
||||||
.header .logo img {
|
.header .logo img {
|
||||||
max-height: 26px;
|
max-height: 0.52rem;
|
||||||
}
|
}
|
||||||
.header .main {
|
.header .main {
|
||||||
height: 45px;
|
height: 0.9rem;
|
||||||
}
|
}
|
||||||
.header .menu .menu-group.iFadeIn,
|
.header .menu .menu-group.iFadeIn,
|
||||||
.header .menu .menu-mask.iFadeIn {
|
.header .menu .menu-mask.iFadeIn {
|
||||||
|
|
@ -73,7 +67,7 @@
|
||||||
display: none;
|
display: none;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 45px;
|
top: 0.9rem;
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
.header .menu .menu-mask {
|
.header .menu .menu-mask {
|
||||||
|
|
@ -88,122 +82,128 @@
|
||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
}
|
}
|
||||||
.header .menu .menu-btn {
|
.header .menu .menu-btn {
|
||||||
|
display: block;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
position: relative;
|
position: relative;
|
||||||
font-size: 0;
|
font-size: 0;
|
||||||
}
|
}
|
||||||
.header .menu .menu-btn .btn-img {
|
.header .menu .menu-btn .btn-img {
|
||||||
max-width: 26px;
|
max-width: 0.52rem;
|
||||||
}
|
}
|
||||||
.header .menu .item {
|
.header .menu .item {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
padding: 0 18px;
|
padding: 0 0.36rem;
|
||||||
}
|
}
|
||||||
.header .menu .item .link {
|
.header .menu .item .link {
|
||||||
display: block;
|
display: block;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border-bottom: 1px solid #737373;
|
border-bottom: 0.02rem solid #737373;
|
||||||
padding: 13px 0;
|
padding: 0.26rem 0;
|
||||||
font-size: 16px;
|
font-size: 0.32rem;
|
||||||
}
|
}
|
||||||
.footer .logo-bottom {
|
.footer .logo-bottom {
|
||||||
max-height: 26px;
|
max-height: 0.52rem;
|
||||||
}
|
}
|
||||||
.footer .main .row {
|
.footer .main .row {
|
||||||
font-size: 16px;
|
font-size: 0.32rem;
|
||||||
margin-top: 15px;
|
margin-top: 0.3rem;
|
||||||
|
line-height: 0.32rem;
|
||||||
}
|
}
|
||||||
.footer .main .tel {
|
.footer .main .tel {
|
||||||
width: 208px;
|
width: 4.16rem;
|
||||||
font-size: 16px;
|
font-size: 0.32rem;
|
||||||
padding: 10px;
|
padding: 0.2rem;
|
||||||
}
|
}
|
||||||
.section.main-banner .item {
|
.section.main-banner .item {
|
||||||
height: 255px;
|
height: 5.1rem;
|
||||||
|
}
|
||||||
|
.section.main-banner .swiper-pagination {
|
||||||
|
display: none;
|
||||||
}
|
}
|
||||||
.banner-text {
|
.banner-text {
|
||||||
padding-top: 25px;
|
padding-top: 0.5rem;
|
||||||
}
|
}
|
||||||
.banner-text p:nth-child(1) {
|
.banner-text p:nth-child(1) {
|
||||||
font-size: 18px;
|
font-size: 0.36rem;
|
||||||
line-height: 18px;
|
line-height: 0.36rem;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 0.3rem;
|
||||||
}
|
}
|
||||||
.banner-text p:nth-child(2) {
|
.banner-text p:nth-child(2) {
|
||||||
font-size: 14px;
|
font-size: 0.28rem;
|
||||||
line-height: 16px;
|
line-height: 0.32rem;
|
||||||
}
|
}
|
||||||
.section .section-title.style-1 .title {
|
.section .section-title.style-1 .title {
|
||||||
font-size: 18px;
|
font-size: 0.36rem;
|
||||||
line-height: 18px;
|
line-height: 0.36rem;
|
||||||
}
|
}
|
||||||
.section .section-title.style-1 .title::before,
|
.section .section-title.style-1 .title::before,
|
||||||
.section .section-title.style-1 .title::after {
|
.section .section-title.style-1 .title::after {
|
||||||
width: 29px;
|
width: 0.58rem;
|
||||||
height: 2px;
|
height: 0.04rem;
|
||||||
}
|
}
|
||||||
.section.idx-about {
|
.section.idx-about {
|
||||||
margin-top: 20px;
|
margin-top: 0.4rem;
|
||||||
}
|
}
|
||||||
.section.idx-about .ia-container {
|
.section.idx-about .ia-container {
|
||||||
margin-top: 20px;
|
margin-top: 0.4rem;
|
||||||
font-size: 16px;
|
font-size: 0.32rem;
|
||||||
line-height: 20px;
|
line-height: 0.4rem;
|
||||||
}
|
}
|
||||||
.section.idx-about .ia-image {
|
.section.idx-about .ia-image {
|
||||||
margin-top: 20px;
|
margin-top: 0.4rem;
|
||||||
}
|
}
|
||||||
.section.idx-culture {
|
.section.idx-culture {
|
||||||
margin-top: 35px;
|
margin-top: 0.7rem;
|
||||||
margin-bottom: 35px;
|
margin-bottom: 0.7rem;
|
||||||
}
|
}
|
||||||
.section.idx-culture .culture-item:first-child {
|
.section.idx-culture .culture-item:first-child {
|
||||||
margin-top: 20px;
|
margin-top: 0.4rem;
|
||||||
}
|
}
|
||||||
.section.idx-culture .culture-item {
|
.section.idx-culture .culture-item {
|
||||||
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
margin-top: 10px;
|
margin-top: 0.2rem;
|
||||||
padding: 20px;
|
padding: 0.4rem;
|
||||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
|
box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
.section.idx-culture .title {
|
.section.idx-culture .title {
|
||||||
margin-bottom: 14px;
|
margin-bottom: 0.28rem;
|
||||||
}
|
}
|
||||||
.section.idx-culture .title .text {
|
.section.idx-culture .title .text {
|
||||||
font-size: 16px;
|
font-size: 0.32rem;
|
||||||
}
|
}
|
||||||
.section.idx-culture .title .cover {
|
.section.idx-culture .title .cover {
|
||||||
width: 15px;
|
width: 0.3rem;
|
||||||
height: 15px;
|
height: 0.3rem;
|
||||||
margin-right: 8px;
|
margin-right: 0.16rem;
|
||||||
}
|
}
|
||||||
.section.idx-culture .desc {
|
.section.idx-culture .desc {
|
||||||
font-size: 14px;
|
font-size: 0.28rem;
|
||||||
line-height: 18px;
|
line-height: 0.36rem;
|
||||||
}
|
}
|
||||||
.section.sec-banner {
|
.section.sec-banner {
|
||||||
height: 174px;
|
height: 3.48rem;
|
||||||
}
|
}
|
||||||
.section.sec-banner .banner-text {
|
.section.sec-banner .banner-text {
|
||||||
padding-top: 45px;
|
padding-top: 0.9rem;
|
||||||
}
|
}
|
||||||
.full-wrap.about {
|
.full-wrap.about {
|
||||||
background-color: unset;
|
background-color: unset;
|
||||||
}
|
}
|
||||||
.section.about-textarea {
|
.section.about-textarea {
|
||||||
padding-top: 20px;
|
padding-top: 0.4rem;
|
||||||
padding-bottom: 35px;
|
padding-bottom: 0.7rem;
|
||||||
}
|
}
|
||||||
.section.about-textarea .at-img {
|
.section.about-textarea .at-img {
|
||||||
max-height: 30px;
|
max-height: 0.6rem;
|
||||||
}
|
}
|
||||||
.section.about-textarea .content {
|
.section.about-textarea .content {
|
||||||
margin-top: 20px;
|
margin-top: 0.4rem;
|
||||||
font-size: 16px;
|
font-size: 0.32rem;
|
||||||
line-height: 20px;
|
line-height: 0.4rem;
|
||||||
}
|
}
|
||||||
.section.about-textarea .img-group {
|
.section.about-textarea .img-group {
|
||||||
margin-top: 30px;
|
margin-top: 0.6rem;
|
||||||
}
|
}
|
||||||
.section.about-textarea .img-group .item {
|
.section.about-textarea .img-group .item {
|
||||||
width: 32%;
|
width: 32%;
|
||||||
|
|
@ -213,138 +213,147 @@
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.section.mapcont .mcont {
|
.section.mapcont .mcont {
|
||||||
margin-top: 25px;
|
margin-top: 0.5rem;
|
||||||
}
|
}
|
||||||
.section.addrcont {
|
.section.addrcont {
|
||||||
margin-top: 20px;
|
margin-top: 0.4rem;
|
||||||
margin-bottom: 50px;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
.section.addrcont .aacont {
|
.section.addrcont .aacont {
|
||||||
margin-top: 25px;
|
margin-top: 0.5rem;
|
||||||
}
|
}
|
||||||
.section.addrcont .aacont li::before {
|
.section.addrcont .aacont li::before {
|
||||||
width: 19px;
|
width: 0.38rem;
|
||||||
height: 19px;
|
height: 0.38rem;
|
||||||
margin-top: 2px;
|
margin-top: 0.04rem;
|
||||||
}
|
}
|
||||||
.section.addrcont .aacont li:nth-child(2) {
|
.section.addrcont .aacont li:nth-child(2) {
|
||||||
margin-top: 15px;
|
margin-top: 0.3rem;
|
||||||
}
|
}
|
||||||
.section.addrcont .aacont li {
|
.section.addrcont .aacont li {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
float: unset;
|
float: unset;
|
||||||
margin-top: 15px;
|
margin-top: 0.3rem;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
.section.addrcont .aacont a {
|
.section.addrcont .aacont a {
|
||||||
font-size: 16px;
|
font-size: 0.32rem;
|
||||||
line-height: unset;
|
line-height: unset;
|
||||||
margin-left: 7px;
|
margin-left: 0.14rem;
|
||||||
}
|
}
|
||||||
.section.contact-map {
|
.section.contact-map {
|
||||||
margin-top: 30px;
|
margin-top: 0.6rem;
|
||||||
height: 250px;
|
height: 5rem;
|
||||||
}
|
}
|
||||||
.section.contact-map .cm-desc {
|
.section.contact-map .cm-desc {
|
||||||
width: 339px;
|
width: 6.78rem;
|
||||||
border: 1px solid #DDDDDD;
|
border: 0.02rem solid #DDDDDD;
|
||||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
|
box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
.section.contact-map .cm-desc .logo {
|
.section.contact-map .cm-desc .logo {
|
||||||
width: 127px;
|
width: 2.54rem;
|
||||||
height: 127px;
|
height: 2.54rem;
|
||||||
}
|
}
|
||||||
.section.contact-map .cm-desc .desc {
|
.section.contact-map .cm-desc .desc {
|
||||||
width: auto;
|
width: auto;
|
||||||
padding: 14px;
|
padding: 0.28rem;
|
||||||
}
|
}
|
||||||
.section.contact-map .cm-map {
|
.section.contact-map .cm-map {
|
||||||
top: 30px;
|
top: 0.6rem;
|
||||||
height: 220px;
|
height: 4.4rem;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
.section.contact-map .title h1 {
|
.section.contact-map .title h1 {
|
||||||
font-size: 18px;
|
font-size: 0.36rem;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
line-height: 18px;
|
line-height: 0.36rem;
|
||||||
}
|
}
|
||||||
.section.contact-map .title p {
|
.section.contact-map .title p {
|
||||||
font-size: 14px;
|
font-size: 0.28rem;
|
||||||
}
|
}
|
||||||
.section.contact-map .items li {
|
.section.contact-map .items li {
|
||||||
margin-top: 5px;
|
margin-top: 0.1rem;
|
||||||
}
|
}
|
||||||
.section.contact-map .items img {
|
.section.contact-map .items img {
|
||||||
width: 13px;
|
width: 0.26rem;
|
||||||
height: 13px;
|
height: 0.26rem;
|
||||||
}
|
}
|
||||||
.section.contact-map .items p {
|
.section.contact-map .items p {
|
||||||
font-size: 14px;
|
font-size: 0.28rem;
|
||||||
line-height: 14px;
|
line-height: 0.28rem;
|
||||||
}
|
}
|
||||||
.section.paragraph-content {
|
.section.paragraph-content {
|
||||||
margin-top: 35px;
|
margin-top: 0.7rem;
|
||||||
margin-bottom: 37px;
|
margin-bottom: 0.74rem;
|
||||||
}
|
}
|
||||||
.section.paragraph-content .paragraph .title {
|
.section.paragraph-content .paragraph .title {
|
||||||
font-size: 18px;
|
font-size: 0.36rem;
|
||||||
line-height: 18px;
|
line-height: 0.36rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 18px;
|
margin-bottom: 0.36rem;
|
||||||
}
|
}
|
||||||
.section.paragraph-content .paragraph .content {
|
.section.paragraph-content .paragraph .content {
|
||||||
font-size: 16px;
|
font-size: 0.32rem;
|
||||||
line-height: 20px;
|
line-height: 0.4rem;
|
||||||
}
|
}
|
||||||
.section.cooperate .content {
|
.section.cooperate .content {
|
||||||
font-size: 16px;
|
font-size: 0.32rem;
|
||||||
line-height: 20px;
|
line-height: 0.4rem;
|
||||||
margin-top: 28px;
|
margin-top: 0.56rem;
|
||||||
margin-bottom: 35px;
|
margin-bottom: 0.7rem;
|
||||||
}
|
}
|
||||||
.section.article-detail {
|
.section.article-detail {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 40px;
|
margin-bottom: 0.8rem;
|
||||||
}
|
}
|
||||||
.section.article-detail .title {
|
.section.article-detail .title {
|
||||||
padding: 20px 0;
|
padding: 0.4rem 0;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
border-bottom: 2px dashed #E5E5E5;
|
border-bottom: 0.04rem dashed #E5E5E5;
|
||||||
}
|
}
|
||||||
.section.article-detail .title h1 {
|
.section.article-detail .title h1 {
|
||||||
font-size: 18px;
|
font-size: 0.36rem;
|
||||||
line-height: 20px;
|
line-height: 0.4rem;
|
||||||
}
|
}
|
||||||
.section.article-detail .content {
|
.section.article-detail .content {
|
||||||
padding: 12px 0;
|
padding: 0.24rem 0;
|
||||||
font-size: 16px;
|
font-size: 0.32rem;
|
||||||
line-height: 20px;
|
line-height: 0.4rem;
|
||||||
|
}
|
||||||
|
.section.article-detail .close-page {
|
||||||
|
display: none;
|
||||||
}
|
}
|
||||||
.section.story-cont {
|
.section.story-cont {
|
||||||
margin-top: 24px;
|
margin-top: 0.48rem;
|
||||||
}
|
}
|
||||||
.section.story-cont .title {
|
.section.story-cont .title {
|
||||||
font-size: 18px;
|
font-size: 0.36rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 12px;
|
margin-bottom: 0.24rem;
|
||||||
|
line-height: 0.36rem;
|
||||||
}
|
}
|
||||||
.section.story-cont .image-con {
|
.section.story-cont .image-con {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
.section.story-cont .image-con .swiper-slide {
|
||||||
|
width: 100%;
|
||||||
|
height: 2.98rem;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
.section.story-cont .image-con .text-con {
|
.section.story-cont .image-con .text-con {
|
||||||
padding: 9px 10px;
|
padding: 0.18rem 0.2rem;
|
||||||
}
|
}
|
||||||
.section.story-cont .image-con .text-con p {
|
.section.story-cont .image-con .text-con p {
|
||||||
height: 16px;
|
height: 0.32rem;
|
||||||
font-size: 16px;
|
font-size: 0.32rem;
|
||||||
line-height: 16px;
|
line-height: 0.32rem;
|
||||||
}
|
}
|
||||||
.section.story-cont .story-item:nth-child(2n) .desc {
|
.section.story-cont .story-item:nth-child(2n) .desc {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
.section.story-cont .story-item .img {
|
.section.story-cont .story-item .img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 188px;
|
height: 3.76rem;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
float: unset;
|
float: unset;
|
||||||
}
|
}
|
||||||
|
|
@ -354,37 +363,37 @@
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
float: unset;
|
float: unset;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
padding: 30px 20px;
|
padding: 0.6rem 0.4rem;
|
||||||
}
|
}
|
||||||
.section.story-cont .story-item .text {
|
.section.story-cont .story-item .text {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 16px;
|
font-size: 0.32rem;
|
||||||
line-height: 20px;
|
line-height: 0.4rem;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 0.4rem;
|
||||||
}
|
}
|
||||||
.section.story-cont .story-item .text:nth-child(2) {
|
.section.story-cont .story-item .text:nth-child(2) {
|
||||||
color: #666666;
|
color: #666666;
|
||||||
margin-left: 10px;
|
margin-left: 0.2rem;
|
||||||
}
|
}
|
||||||
.section.story-cont .story-item .content {
|
.section.story-cont .story-item .content {
|
||||||
font-size: 14px;
|
font-size: 0.28rem;
|
||||||
line-height: 20px;
|
line-height: 0.4rem;
|
||||||
}
|
}
|
||||||
.section.story-cont.last {
|
.section.story-cont.last {
|
||||||
margin-bottom: 24px;
|
margin-bottom: 0.48rem;
|
||||||
}
|
}
|
||||||
.s-section .s-title {
|
.s-section .s-title {
|
||||||
font-size: 18px;
|
font-size: 0.36rem;
|
||||||
line-height: 16px;
|
line-height: 0.32rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.s-section.s1-first {
|
.s-section.s1-first {
|
||||||
margin-top: 30px;
|
margin-top: 0.6rem;
|
||||||
margin-bottom: 30px;
|
margin-bottom: 0.6rem;
|
||||||
}
|
}
|
||||||
.section.business-nav {
|
.section.business-nav {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 10px;
|
margin-top: 0.2rem;
|
||||||
}
|
}
|
||||||
.section.business-nav .nav li {
|
.section.business-nav .nav li {
|
||||||
width: auto;
|
width: auto;
|
||||||
|
|
@ -394,55 +403,56 @@
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
font-size: 14px;
|
font-size: 0.28rem;
|
||||||
line-height: 30px;
|
line-height: 0.6rem;
|
||||||
padding: 2px 12px;
|
padding: 0.04rem 0.24rem;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.section.business-cont .title {
|
.section.business-cont .title {
|
||||||
font-size: 0;
|
font-size: 0rem;
|
||||||
}
|
}
|
||||||
.section.business-cont .title h2 {
|
.section.business-cont .title h2 {
|
||||||
font-size: 18px;
|
font-size: 0.36rem;
|
||||||
line-height: 18px;
|
line-height: 0.36rem;
|
||||||
}
|
}
|
||||||
.section.business-cont .title::after {
|
.section.business-cont .title::after {
|
||||||
width: 29px;
|
width: 0.58rem;
|
||||||
height: 2px;
|
height: 0.04rem;
|
||||||
margin-top: 10px;
|
margin-top: 0.2rem;
|
||||||
}
|
}
|
||||||
.business-cont.s1 {
|
.business-cont.s1 {
|
||||||
margin-top: 25px;
|
margin-top: 0.5rem;
|
||||||
}
|
}
|
||||||
.business-cont.s2 {
|
.business-cont.s2 {
|
||||||
margin-top: 30px;
|
margin-top: 0.6rem;
|
||||||
}
|
}
|
||||||
.business-cont.s2 .mid-box {
|
.business-cont.s2 .mid-box {
|
||||||
margin: 15px 0 5px 0;
|
margin: 0.3rem 0 0.1rem 0;
|
||||||
}
|
}
|
||||||
.business-cont.s2 .mid-box .ad-text {
|
.business-cont.s2 .mid-box .ad-text {
|
||||||
font-size: 14px;
|
font-size: 0.28rem;
|
||||||
|
line-height: 0.32rem;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.business-cont.s3 {
|
.business-cont.s3 {
|
||||||
margin-top: 50px;
|
margin-top: 1rem;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
background-color: unset;
|
background-color: unset;
|
||||||
}
|
}
|
||||||
.business-cont.s3 .mid-box {
|
.business-cont.s3 .mid-box {
|
||||||
margin-top: 20px;
|
margin-top: 0.4rem;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 0.4rem;
|
||||||
}
|
}
|
||||||
.business-cont.s3 .mid-box .num {
|
.business-cont.s3 .mid-box .num {
|
||||||
font-size: 14px;
|
font-size: 0.28rem;
|
||||||
line-height: 18px;
|
line-height: 0.36rem;
|
||||||
}
|
}
|
||||||
.business-cont.s3 .mid-box .desc {
|
.business-cont.s3 .mid-box .desc {
|
||||||
font-size: 14px;
|
font-size: 0.28rem;
|
||||||
line-height: 18px;
|
line-height: 0.36rem;
|
||||||
margin-top: 10px;
|
margin-top: 0.2rem;
|
||||||
}
|
}
|
||||||
.business-cont.s3 .mid-box .cont {
|
.business-cont.s3 .mid-box .cont {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -451,10 +461,10 @@
|
||||||
width: 33.33333%;
|
width: 33.33333%;
|
||||||
}
|
}
|
||||||
.business-cont.s3 .mid-box li::after {
|
.business-cont.s3 .mid-box li::after {
|
||||||
height: 26px;
|
height: 0.52rem;
|
||||||
}
|
}
|
||||||
.business-cont.s4 {
|
.business-cont.s4 {
|
||||||
padding: 30px 0;
|
padding: 0.6rem 0;
|
||||||
}
|
}
|
||||||
.s-content.g1 {
|
.s-content.g1 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
@ -468,22 +478,26 @@
|
||||||
margin-right: 2%;
|
margin-right: 2%;
|
||||||
}
|
}
|
||||||
.s-content.g1 .icon {
|
.s-content.g1 .icon {
|
||||||
width: 57px;
|
width: 1.14rem;
|
||||||
height: 41px;
|
height: 0.82rem;
|
||||||
}
|
}
|
||||||
.s-content.g1 h4 {
|
.s-content.g1 h4 {
|
||||||
font-size: 16px;
|
height: 0.4rem;
|
||||||
margin: 15px 0;
|
font-size: 0.32rem;
|
||||||
|
margin: 0.3rem 0;
|
||||||
|
line-height: 0.4rem;
|
||||||
}
|
}
|
||||||
.s-content.g1 p {
|
.s-content.g1 p {
|
||||||
font-size: 14px;
|
height: 0.32rem;
|
||||||
|
font-size: 0.28rem;
|
||||||
|
line-height: 0.32rem;
|
||||||
}
|
}
|
||||||
.s-content.g1 .item {
|
.s-content.g1 .item {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
padding: 20px 0;
|
padding: 0.4rem 0;
|
||||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
|
box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.1);
|
||||||
border-radius: 10px;
|
border-radius: 0.2rem;
|
||||||
}
|
}
|
||||||
.s-content.g2 li {
|
.s-content.g2 li {
|
||||||
float: initial;
|
float: initial;
|
||||||
|
|
@ -492,22 +506,26 @@
|
||||||
.s-content.g2 .item {
|
.s-content.g2 .item {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
border: 1px solid #DDDDDD;
|
border: 0.02rem solid #DDDDDD;
|
||||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
|
box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
.s-content.g2 .icon-cont {
|
.s-content.g2 .icon-cont {
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.s-content.g2 .desc {
|
.s-content.g2 .desc {
|
||||||
padding: 15px;
|
padding: 0.3rem;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.s-content.g2 .desc h4 {
|
.s-content.g2 .desc h4 {
|
||||||
font-size: 16px;
|
height: 0.4rem;
|
||||||
margin-bottom: 10px;
|
font-size: 0.32rem;
|
||||||
|
line-height: 0.4rem;
|
||||||
|
margin-bottom: 0.2rem;
|
||||||
}
|
}
|
||||||
.s-content.g2 .desc p {
|
.s-content.g2 .desc p {
|
||||||
font-size: 14px;
|
height: 0.64rem;
|
||||||
|
font-size: 0.28rem;
|
||||||
|
line-height: 0.32rem;
|
||||||
}
|
}
|
||||||
.s-content.g3 ul,
|
.s-content.g3 ul,
|
||||||
.s-content.g4 ul {
|
.s-content.g4 ul {
|
||||||
|
|
@ -515,21 +533,24 @@
|
||||||
}
|
}
|
||||||
.s-content.g3 li,
|
.s-content.g3 li,
|
||||||
.s-content.g4 li {
|
.s-content.g4 li {
|
||||||
width: 46%;
|
width: 3.25rem;
|
||||||
margin-left: 2%;
|
margin-right: 0.3rem;
|
||||||
margin-right: 2%;
|
margin-top: 0.24rem;
|
||||||
margin-top: 12px;
|
|
||||||
}
|
}
|
||||||
.s-content.g3 li:nth-child(3n),
|
.s-content.g3 li:nth-child(3n),
|
||||||
.s-content.g4 li:nth-child(3n) {
|
.s-content.g4 li:nth-child(3n) {
|
||||||
margin-right: 2%;
|
margin-right: 0.3rem;
|
||||||
|
}
|
||||||
|
.s-content.g3 li:nth-child(2n),
|
||||||
|
.s-content.g4 li:nth-child(2n) {
|
||||||
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.s-content.g3 .item,
|
.s-content.g3 .item,
|
||||||
.s-content.g4 .item {
|
.s-content.g4 .item {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
border: 1px solid #DDDDDD;
|
border: 0.02rem solid #DDDDDD;
|
||||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
|
box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
.s-content.g3 .desc,
|
.s-content.g3 .desc,
|
||||||
.s-content.g4 .desc {
|
.s-content.g4 .desc {
|
||||||
|
|
@ -537,52 +558,53 @@
|
||||||
}
|
}
|
||||||
.s-content.g3 .desc .i-title,
|
.s-content.g3 .desc .i-title,
|
||||||
.s-content.g4 .desc .i-title {
|
.s-content.g4 .desc .i-title {
|
||||||
height: 20px;
|
height: 0.4rem;
|
||||||
font-size: 16px;
|
font-size: 0.32rem;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 0.1rem;
|
||||||
line-height: 20px;
|
line-height: 0.4rem;
|
||||||
}
|
}
|
||||||
.s-content.g3 .desc .i-desc,
|
.s-content.g3 .desc .i-desc,
|
||||||
.s-content.g4 .desc .i-desc {
|
.s-content.g4 .desc .i-desc {
|
||||||
height: 32px;
|
height: 0.64rem;
|
||||||
font-size: 14px;
|
font-size: 0.28rem;
|
||||||
line-height: 16px;
|
line-height: 0.32rem;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
}
|
}
|
||||||
.s-content.g3 .icon-cont,
|
.s-content.g3 .icon-cont,
|
||||||
.s-content.g4 .icon-cont {
|
.s-content.g4 .icon-cont {
|
||||||
height: auto;
|
width: 100%;
|
||||||
|
height: 1.67rem;
|
||||||
}
|
}
|
||||||
.s-content.g3 .desc,
|
.s-content.g3 .desc,
|
||||||
.s-content.g4 .desc {
|
.s-content.g4 .desc {
|
||||||
height: auto;
|
height: auto;
|
||||||
padding: 10px;
|
padding: 0.2rem;
|
||||||
}
|
}
|
||||||
.s-content.g3 .btn,
|
.s-content.g3 .btn,
|
||||||
.s-content.g4 .btn {
|
.s-content.g4 .btn {
|
||||||
height: auto;
|
height: auto;
|
||||||
padding: 10px;
|
padding: 0.2rem;
|
||||||
}
|
}
|
||||||
.s-content.g3 .btn .b-text,
|
.s-content.g3 .btn .b-text,
|
||||||
.s-content.g4 .btn .b-text {
|
.s-content.g4 .btn .b-text {
|
||||||
width: 130px;
|
width: 2.6rem;
|
||||||
height: 26px;
|
height: 0.52rem;
|
||||||
line-height: 26px;
|
line-height: 0.52rem;
|
||||||
font-size: 14px;
|
font-size: 0.28rem;
|
||||||
}
|
}
|
||||||
.s-content.g5 {
|
.s-content.g5 {
|
||||||
margin-top: 15px;
|
margin-top: 0.3rem;
|
||||||
}
|
}
|
||||||
.s-content.g5 .item {
|
.s-content.g5 .item {
|
||||||
width: 100px;
|
width: 2rem;
|
||||||
}
|
}
|
||||||
.s-content.g5 .item img {
|
.s-content.g5 .item img {
|
||||||
width: 26px;
|
width: 0.52rem;
|
||||||
height: 26px;
|
height: 0.52rem;
|
||||||
}
|
}
|
||||||
.s-content.g5 .item p {
|
.s-content.g5 .item p {
|
||||||
font-size: 16px;
|
font-size: 0.32rem;
|
||||||
line-height: 20px;
|
line-height: 0.4rem;
|
||||||
margin-top: 15px;
|
margin-top: 0.3rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,9 @@
|
||||||
// main max width
|
// main max width
|
||||||
@mw: 92%;
|
@mw: 6.8rem;
|
||||||
@xt: 18px;
|
@xt: 0.36rem;
|
||||||
@mt: 16px;
|
@mt: 0.32rem;
|
||||||
@st: 14px;
|
@st: 0.28rem;
|
||||||
@mst: 12px;
|
@mst: 0.24rem;
|
||||||
|
|
||||||
@keyframes mobileHeaderFadeIn {
|
@keyframes mobileHeaderFadeIn {
|
||||||
0% {
|
0% {
|
||||||
|
|
@ -30,17 +30,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
.pc {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile {
|
|
||||||
display: initial;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-wrap {
|
.main-wrap {
|
||||||
width: @mw;
|
width: @mw;
|
||||||
max-width: 500px;
|
max-width: 10rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header.style1 {
|
.header.style1 {
|
||||||
|
|
@ -84,12 +76,12 @@
|
||||||
font-size: 0;
|
font-size: 0;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
max-height: 26px;
|
max-height: 0.52rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.main {
|
.main {
|
||||||
height: 45px;
|
height: 0.9rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu {
|
.menu {
|
||||||
|
|
@ -109,7 +101,7 @@
|
||||||
display: none;
|
display: none;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 45px;
|
top: 0.9rem;
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -126,25 +118,26 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu-btn {
|
.menu-btn {
|
||||||
|
display: block;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
position: relative;
|
position: relative;
|
||||||
font-size: 0;
|
font-size: 0;
|
||||||
|
|
||||||
.btn-img {
|
.btn-img {
|
||||||
max-width: 26px;
|
max-width: 0.52rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
padding: 0 18px;
|
padding: 0 0.36rem;
|
||||||
|
|
||||||
.link {
|
.link {
|
||||||
display: block;
|
display: block;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border-bottom: 1px solid #737373;
|
border-bottom: 0.02rem solid #737373;
|
||||||
padding: 13px 0;
|
padding: 0.26rem 0;
|
||||||
font-size: 16px;
|
font-size: 0.32rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -152,41 +145,46 @@
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
.logo-bottom {
|
.logo-bottom {
|
||||||
max-height: 26px;
|
max-height: 0.52rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main {
|
.main {
|
||||||
.row {
|
.row {
|
||||||
font-size: @mt;
|
font-size: @mt;
|
||||||
margin-top: 15px;
|
margin-top: 0.3rem;
|
||||||
|
line-height: 0.32rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tel {
|
.tel {
|
||||||
width: 208px;
|
width: 4.16rem;
|
||||||
font-size: @mt;
|
font-size: @mt;
|
||||||
padding: 10px;
|
padding: 0.2rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.section.main-banner {
|
.section.main-banner {
|
||||||
.item {
|
.item {
|
||||||
height: 255px;
|
height: 5.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination {
|
||||||
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner-text {
|
.banner-text {
|
||||||
padding-top: 25px;
|
padding-top: 0.5rem;
|
||||||
|
|
||||||
p:nth-child(1) {
|
p:nth-child(1) {
|
||||||
font-size: @xt;
|
font-size: @xt;
|
||||||
line-height: 18px;
|
line-height: 0.36rem;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 0.3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
p:nth-child(2) {
|
p:nth-child(2) {
|
||||||
font-size: @st;
|
font-size: @st;
|
||||||
line-height: 16px;
|
line-height: 0.32rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -194,71 +192,72 @@
|
||||||
.section-title.style-1 {
|
.section-title.style-1 {
|
||||||
.title {
|
.title {
|
||||||
font-size: @xt;
|
font-size: @xt;
|
||||||
line-height: 18px;
|
line-height: 0.36rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title::before,
|
.title::before,
|
||||||
.title::after {
|
.title::after {
|
||||||
width: 29px;
|
width: 0.58rem;
|
||||||
height: 2px;
|
height: 0.04rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.section.idx-about {
|
.section.idx-about {
|
||||||
margin-top: 20px;
|
margin-top: 0.4rem;
|
||||||
|
|
||||||
.ia-container {
|
.ia-container {
|
||||||
margin-top: 20px;
|
margin-top: 0.4rem;
|
||||||
font-size: @mt;
|
font-size: @mt;
|
||||||
line-height: 20px;
|
line-height: 0.4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ia-image {
|
.ia-image {
|
||||||
margin-top: 20px;
|
margin-top: 0.4rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.section.idx-culture {
|
.section.idx-culture {
|
||||||
margin-top: 35px;
|
margin-top: 0.7rem;
|
||||||
margin-bottom: 35px;
|
margin-bottom: 0.7rem;
|
||||||
|
|
||||||
.culture-item:first-child {
|
.culture-item:first-child {
|
||||||
margin-top: 20px;
|
margin-top: 0.4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.culture-item {
|
.culture-item {
|
||||||
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
margin-top: 10px;
|
margin-top: 0.2rem;
|
||||||
padding: 20px;
|
padding: 0.4rem;
|
||||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
|
box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
margin-bottom: 14px;
|
margin-bottom: 0.28rem;
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
font-size: @mt;
|
font-size: @mt;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cover {
|
.cover {
|
||||||
width: 15px;
|
width: 0.3rem;
|
||||||
height: 15px;
|
height: 0.3rem;
|
||||||
margin-right: 8px;
|
margin-right: 0.16rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.desc {
|
.desc {
|
||||||
font-size: @st;
|
font-size: @st;
|
||||||
line-height: 18px;
|
line-height: 0.36rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.section.sec-banner {
|
.section.sec-banner {
|
||||||
height: 174px;
|
height: 3.48rem;
|
||||||
|
|
||||||
.banner-text {
|
.banner-text {
|
||||||
padding-top: 45px;
|
padding-top: 0.9rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -267,21 +266,21 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.section.about-textarea {
|
.section.about-textarea {
|
||||||
padding-top: 20px;
|
padding-top: 0.4rem;
|
||||||
padding-bottom: 35px;
|
padding-bottom: 0.7rem;
|
||||||
|
|
||||||
.at-img {
|
.at-img {
|
||||||
max-height: 30px;
|
max-height: 0.6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
margin-top: 20px;
|
margin-top: 0.4rem;
|
||||||
font-size: @mt;
|
font-size: @mt;
|
||||||
line-height: 20px;
|
line-height: 0.4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.img-group {
|
.img-group {
|
||||||
margin-top: 30px;
|
margin-top: 0.6rem;
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
width: 32%;
|
width: 32%;
|
||||||
|
|
@ -295,65 +294,65 @@
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
|
||||||
.mcont {
|
.mcont {
|
||||||
margin-top: 25px;
|
margin-top: 0.5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.section.addrcont {
|
.section.addrcont {
|
||||||
margin-top: 20px;
|
margin-top: 0.4rem;
|
||||||
margin-bottom: 50px;
|
margin-bottom: 1rem;
|
||||||
|
|
||||||
.aacont {
|
.aacont {
|
||||||
margin-top: 25px;
|
margin-top: 0.5rem;
|
||||||
|
|
||||||
li::before {
|
li::before {
|
||||||
width: 19px;
|
width: 0.38rem;
|
||||||
height: 19px;
|
height: 0.38rem;
|
||||||
margin-top: 2px;
|
margin-top: 0.04rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
li:nth-child(2) {
|
li:nth-child(2) {
|
||||||
margin-top: 15px;
|
margin-top: 0.3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
float: unset;
|
float: unset;
|
||||||
margin-top: 15px;
|
margin-top: 0.3rem;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
font-size: @mt;
|
font-size: @mt;
|
||||||
line-height: unset;
|
line-height: unset;
|
||||||
margin-left: 7px;
|
margin-left: 0.14rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.section.contact-map {
|
.section.contact-map {
|
||||||
margin-top: 30px;
|
margin-top: 0.6rem;
|
||||||
height: 250px;
|
height: 5rem;
|
||||||
|
|
||||||
.cm-desc {
|
.cm-desc {
|
||||||
width: 339px;
|
width: 6.78rem;
|
||||||
border: 1px solid #DDDDDD;
|
border: 0.02rem solid #DDDDDD;
|
||||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
|
box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.1);
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width: 127px;
|
width: 2.54rem;
|
||||||
height: 127px;
|
height: 2.54rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.desc {
|
.desc {
|
||||||
width: auto;
|
width: auto;
|
||||||
padding: 14px;
|
padding: 0.28rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.cm-map {
|
.cm-map {
|
||||||
top: 30px;
|
top: 0.6rem;
|
||||||
height: 220px;
|
height: 4.4rem;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -361,7 +360,7 @@
|
||||||
h1 {
|
h1 {
|
||||||
font-size: @xt;
|
font-size: @xt;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
line-height: 18px;
|
line-height: 0.36rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
|
|
@ -371,36 +370,36 @@
|
||||||
|
|
||||||
.items {
|
.items {
|
||||||
li {
|
li {
|
||||||
margin-top: 5px;
|
margin-top: 0.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: 13px;
|
width: 0.26rem;
|
||||||
height: 13px;
|
height: 0.26rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
font-size: @st;
|
font-size: @st;
|
||||||
line-height: 14px;
|
line-height: 0.28rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.section.paragraph-content {
|
.section.paragraph-content {
|
||||||
margin-top: 35px;
|
margin-top: 0.7rem;
|
||||||
margin-bottom: 37px;
|
margin-bottom: 0.74rem;
|
||||||
|
|
||||||
.paragraph {
|
.paragraph {
|
||||||
.title {
|
.title {
|
||||||
font-size: @xt;
|
font-size: @xt;
|
||||||
line-height: 18px;
|
line-height: 0.36rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 18px;
|
margin-bottom: 0.36rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
font-size: @mt;
|
font-size: @mt;
|
||||||
line-height: 20px;
|
line-height: 0.4rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -408,53 +407,63 @@
|
||||||
.section.cooperate {
|
.section.cooperate {
|
||||||
.content {
|
.content {
|
||||||
font-size: @mt;
|
font-size: @mt;
|
||||||
line-height: 20px;
|
line-height: 0.4rem;
|
||||||
margin-top: 28px;
|
margin-top: 0.56rem;
|
||||||
margin-bottom: 35px;
|
margin-bottom: 0.7rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.section.article-detail {
|
.section.article-detail {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 40px;
|
margin-bottom: 0.8rem;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
padding: 20px 0;
|
padding: 0.4rem 0;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
border-bottom: 2px dashed #E5E5E5;
|
border-bottom: 0.04rem dashed #E5E5E5;
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: @xt;
|
font-size: @xt;
|
||||||
line-height: 20px;
|
line-height: 0.4rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
padding: 12px 0;
|
padding: 0.24rem 0;
|
||||||
font-size: @mt;
|
font-size: @mt;
|
||||||
line-height: 20px;
|
line-height: 0.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.close-page {
|
||||||
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.section.story-cont {
|
.section.story-cont {
|
||||||
margin-top: 24px;
|
margin-top: 0.48rem;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
font-size: @xt;
|
font-size: @xt;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 12px;
|
margin-bottom: 0.24rem;
|
||||||
|
line-height: 0.36rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-con {
|
.image-con {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
.swiper-slide {
|
||||||
|
width: 100%;
|
||||||
|
height: 2.98rem;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.text-con {
|
.text-con {
|
||||||
padding: 9px 10px;
|
padding: 0.18rem 0.2rem;
|
||||||
|
|
||||||
p {
|
p {
|
||||||
height: 16px;
|
height: 0.32rem;
|
||||||
font-size: @mt;
|
font-size: @mt;
|
||||||
line-height: 16px;
|
line-height: 0.32rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -468,7 +477,7 @@
|
||||||
.story-item {
|
.story-item {
|
||||||
.img {
|
.img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 188px;
|
height: 3.76rem;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
float: unset;
|
float: unset;
|
||||||
}
|
}
|
||||||
|
|
@ -479,48 +488,48 @@
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
float: unset;
|
float: unset;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
padding: 30px 20px;
|
padding: 0.6rem 0.4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: @mt;
|
font-size: @mt;
|
||||||
line-height: 20px;
|
line-height: 0.4rem;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 0.4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text:nth-child(2) {
|
.text:nth-child(2) {
|
||||||
color: #666666;
|
color: #666666;
|
||||||
margin-left: 10px;
|
margin-left: 0.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
font-size: @st;
|
font-size: @st;
|
||||||
line-height: 20px;
|
line-height: 0.4rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.section.story-cont.last {
|
.section.story-cont.last {
|
||||||
margin-bottom: 24px;
|
margin-bottom: 0.48rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.s-section {
|
.s-section {
|
||||||
.s-title {
|
.s-title {
|
||||||
font-size: @xt;
|
font-size: @xt;
|
||||||
line-height: 16px;
|
line-height: 0.32rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.s-section.s1-first {
|
.s-section.s1-first {
|
||||||
margin-top: 30px;
|
margin-top: 0.6rem;
|
||||||
margin-bottom: 30px;
|
margin-bottom: 0.6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.section.business-nav {
|
.section.business-nav {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 10px;
|
margin-top: 0.2rem;
|
||||||
|
|
||||||
.nav {
|
.nav {
|
||||||
li {
|
li {
|
||||||
|
|
@ -533,8 +542,8 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
font-size: @st;
|
font-size: @st;
|
||||||
line-height: 30px;
|
line-height: 0.6rem;
|
||||||
padding: 2px 12px;
|
padding: 0.04rem 0.24rem;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -542,33 +551,34 @@
|
||||||
|
|
||||||
.section.business-cont {
|
.section.business-cont {
|
||||||
.title {
|
.title {
|
||||||
font-size: 0;
|
font-size: 0rem;
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: @xt;
|
font-size: @xt;
|
||||||
line-height: 18px;
|
line-height: 0.36rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.title::after {
|
.title::after {
|
||||||
width: 29px;
|
width: 0.58rem;
|
||||||
height: 2px;
|
height: 0.04rem;
|
||||||
margin-top: 10px;
|
margin-top: 0.2rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.business-cont.s1 {
|
.business-cont.s1 {
|
||||||
margin-top: 25px;
|
margin-top: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.business-cont.s2 {
|
.business-cont.s2 {
|
||||||
margin-top: 30px;
|
margin-top: 0.6rem;
|
||||||
|
|
||||||
.mid-box {
|
.mid-box {
|
||||||
margin: 15px 0 5px 0;
|
margin: 0.3rem 0 0.1rem 0;
|
||||||
|
|
||||||
.ad-text {
|
.ad-text {
|
||||||
font-size: @st;
|
font-size: @st;
|
||||||
|
line-height: 0.32rem;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
@ -576,24 +586,24 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.business-cont.s3 {
|
.business-cont.s3 {
|
||||||
margin-top: 50px;
|
margin-top: 1rem;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
background-color: unset;
|
background-color: unset;
|
||||||
|
|
||||||
.mid-box {
|
.mid-box {
|
||||||
margin-top: 20px;
|
margin-top: 0.4rem;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 0.4rem;
|
||||||
|
|
||||||
.num {
|
.num {
|
||||||
font-size: @st;
|
font-size: @st;
|
||||||
line-height: 18px;
|
line-height: 0.36rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.desc {
|
.desc {
|
||||||
font-size: @st;
|
font-size: @st;
|
||||||
line-height: 18px;
|
line-height: 0.36rem;
|
||||||
margin-top: 10px;
|
margin-top: 0.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cont {
|
.cont {
|
||||||
|
|
@ -605,13 +615,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
li::after {
|
li::after {
|
||||||
height: 26px;
|
height: 0.52rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.business-cont.s4 {
|
.business-cont.s4 {
|
||||||
padding: 30px 0;
|
padding: 0.6rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.s-content.g1 {
|
.s-content.g1 {
|
||||||
|
|
@ -628,25 +638,29 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
width: 57px;
|
width: 1.14rem;
|
||||||
height: 41px;
|
height: 0.82rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
|
height: 0.4rem;
|
||||||
font-size: @mt;
|
font-size: @mt;
|
||||||
margin: 15px 0;
|
margin: 0.3rem 0;
|
||||||
|
line-height: 0.4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
|
height: 0.32rem;
|
||||||
font-size: @st;
|
font-size: @st;
|
||||||
|
line-height: 0.32rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
padding: 20px 0;
|
padding: 0.4rem 0;
|
||||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
|
box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.1);
|
||||||
border-radius: 10px;
|
border-radius: 0.2rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -659,8 +673,8 @@
|
||||||
.item {
|
.item {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
border: 1px solid #DDDDDD;
|
border: 0.02rem solid #DDDDDD;
|
||||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
|
box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-cont {
|
.icon-cont {
|
||||||
|
|
@ -668,16 +682,20 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.desc {
|
.desc {
|
||||||
padding: 15px;
|
padding: 0.3rem;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
|
height: 0.4rem;
|
||||||
font-size: @mt;
|
font-size: @mt;
|
||||||
margin-bottom: 10px;
|
line-height: 0.4rem;
|
||||||
|
margin-bottom: 0.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
|
height: 0.64rem;
|
||||||
font-size: @st;
|
font-size: @st;
|
||||||
|
line-height: 0.32rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -689,81 +707,85 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
width: 46%;
|
width: 3.25rem;
|
||||||
margin-left: 2%;
|
margin-right: 0.3rem;
|
||||||
margin-right: 2%;
|
margin-top: 0.24rem;
|
||||||
margin-top: 12px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
li:nth-child(3n) {
|
li:nth-child(3n) {
|
||||||
margin-right: 2%;
|
margin-right: 0.3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
li:nth-child(2n) {
|
||||||
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
border: 1px solid #DDDDDD;
|
border: 0.02rem solid #DDDDDD;
|
||||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
|
box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.desc {
|
.desc {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
.i-title {
|
.i-title {
|
||||||
height: 20px;
|
height: 0.4rem;
|
||||||
font-size: @mt;
|
font-size: @mt;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 0.1rem;
|
||||||
line-height: 20px;
|
line-height: 0.4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.i-desc {
|
.i-desc {
|
||||||
height: 32px;
|
height: 0.64rem;
|
||||||
font-size: @st;
|
font-size: @st;
|
||||||
line-height: 16px;
|
line-height: 0.32rem;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-cont {
|
.icon-cont {
|
||||||
height: auto;
|
width: 100%;
|
||||||
|
height: 1.67rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.desc {
|
.desc {
|
||||||
height: auto;
|
height: auto;
|
||||||
padding: 10px;
|
padding: 0.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
// g4
|
// g4
|
||||||
.btn {
|
.btn {
|
||||||
height: auto;
|
height: auto;
|
||||||
padding: 10px;
|
padding: 0.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
.b-text {
|
.b-text {
|
||||||
width: 130px;
|
width: 2.6rem;
|
||||||
height: 26px;
|
height: 0.52rem;
|
||||||
line-height: 26px;
|
line-height: 0.52rem;
|
||||||
font-size: @st;
|
font-size: @st;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.s-content.g5 {
|
.s-content.g5 {
|
||||||
margin-top: 15px;
|
margin-top: 0.3rem;
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
width: 100px;
|
width: 2rem;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: 26px;
|
width: 0.52rem;
|
||||||
height: 26px;
|
height: 0.52rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
font-size: @mt;
|
font-size: @mt;
|
||||||
line-height: 20px;
|
line-height: 0.4rem;
|
||||||
margin-top: 15px;
|
margin-top: 0.3rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,771 @@
|
||||||
|
// main max width
|
||||||
|
@mw: 92%;
|
||||||
|
@xt: 18px;
|
||||||
|
@mt: 16px;
|
||||||
|
@st: 14px;
|
||||||
|
@mst: 12px;
|
||||||
|
|
||||||
|
@keyframes mobileHeaderFadeIn {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0.9;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes mobileHeaderFadeOut {
|
||||||
|
0% {
|
||||||
|
opacity: 0.9;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-100%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.main-wrap {
|
||||||
|
width: @mw;
|
||||||
|
max-width: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header.style1 {
|
||||||
|
.menu {
|
||||||
|
.link {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.link.active {
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.link:hover {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.header.style2 {
|
||||||
|
.menu {
|
||||||
|
.link {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.link.active {
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.link:hover {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
.logo {
|
||||||
|
position: relative;
|
||||||
|
z-index: 10;
|
||||||
|
font-size: 0;
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-height: 26px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu {
|
||||||
|
|
||||||
|
.menu-group.iFadeIn,
|
||||||
|
.menu-mask.iFadeIn {
|
||||||
|
animation: mobileHeaderFadeIn 1.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-group.iFadeOut,
|
||||||
|
.menu-mask.iFadeOut {
|
||||||
|
animation: mobileHeaderFadeOut 1.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-group {
|
||||||
|
z-index: 10;
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 45px;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-mask {
|
||||||
|
z-index: 5;
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background-color: #000000;
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-btn {
|
||||||
|
display: block;
|
||||||
|
z-index: 10;
|
||||||
|
position: relative;
|
||||||
|
font-size: 0;
|
||||||
|
|
||||||
|
.btn-img {
|
||||||
|
max-width: 26px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
margin-left: 0;
|
||||||
|
padding: 0 18px;
|
||||||
|
|
||||||
|
.link {
|
||||||
|
display: block;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-bottom: 1px solid #737373;
|
||||||
|
padding: 13px 0;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
.logo-bottom {
|
||||||
|
max-height: 26px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
.row {
|
||||||
|
font-size: @mt;
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tel {
|
||||||
|
width: 208px;
|
||||||
|
font-size: @mt;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.section.main-banner {
|
||||||
|
.item {
|
||||||
|
height: 255px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.banner-text {
|
||||||
|
padding-top: 25px;
|
||||||
|
|
||||||
|
p:nth-child(1) {
|
||||||
|
font-size: @xt;
|
||||||
|
line-height: 18px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p:nth-child(2) {
|
||||||
|
font-size: @st;
|
||||||
|
line-height: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.section {
|
||||||
|
.section-title.style-1 {
|
||||||
|
.title {
|
||||||
|
font-size: @xt;
|
||||||
|
line-height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title::before,
|
||||||
|
.title::after {
|
||||||
|
width: 29px;
|
||||||
|
height: 2px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.section.idx-about {
|
||||||
|
margin-top: 20px;
|
||||||
|
|
||||||
|
.ia-container {
|
||||||
|
margin-top: 20px;
|
||||||
|
font-size: @mt;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ia-image {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.section.idx-culture {
|
||||||
|
margin-top: 35px;
|
||||||
|
margin-bottom: 35px;
|
||||||
|
|
||||||
|
.culture-item:first-child {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.culture-item {
|
||||||
|
height: auto;
|
||||||
|
margin-top: 10px;
|
||||||
|
padding: 20px;
|
||||||
|
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
margin-bottom: 14px;
|
||||||
|
|
||||||
|
.text {
|
||||||
|
font-size: @mt;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cover {
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.desc {
|
||||||
|
font-size: @st;
|
||||||
|
line-height: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.section.sec-banner {
|
||||||
|
height: 174px;
|
||||||
|
|
||||||
|
.banner-text {
|
||||||
|
padding-top: 45px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.full-wrap.about {
|
||||||
|
background-color: unset;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section.about-textarea {
|
||||||
|
padding-top: 20px;
|
||||||
|
padding-bottom: 35px;
|
||||||
|
|
||||||
|
.at-img {
|
||||||
|
max-height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
margin-top: 20px;
|
||||||
|
font-size: @mt;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.img-group {
|
||||||
|
margin-top: 30px;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
width: 32%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.section.mapcont {
|
||||||
|
margin-top: 0;
|
||||||
|
|
||||||
|
.mcont {
|
||||||
|
margin-top: 25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.section.addrcont {
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
|
||||||
|
.aacont {
|
||||||
|
margin-top: 25px;
|
||||||
|
|
||||||
|
li::before {
|
||||||
|
width: 19px;
|
||||||
|
height: 19px;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li:nth-child(2) {
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
width: 100%;
|
||||||
|
float: unset;
|
||||||
|
margin-top: 15px;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
font-size: @mt;
|
||||||
|
line-height: unset;
|
||||||
|
margin-left: 7px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.section.contact-map {
|
||||||
|
margin-top: 30px;
|
||||||
|
height: 250px;
|
||||||
|
|
||||||
|
.cm-desc {
|
||||||
|
width: 339px;
|
||||||
|
border: 1px solid #DDDDDD;
|
||||||
|
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
width: 127px;
|
||||||
|
height: 127px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.desc {
|
||||||
|
width: auto;
|
||||||
|
padding: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-map {
|
||||||
|
top: 30px;
|
||||||
|
height: 220px;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
h1 {
|
||||||
|
font-size: @xt;
|
||||||
|
margin-bottom: 0;
|
||||||
|
line-height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: @st;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.items {
|
||||||
|
li {
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 13px;
|
||||||
|
height: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: @st;
|
||||||
|
line-height: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.section.paragraph-content {
|
||||||
|
margin-top: 35px;
|
||||||
|
margin-bottom: 37px;
|
||||||
|
|
||||||
|
.paragraph {
|
||||||
|
.title {
|
||||||
|
font-size: @xt;
|
||||||
|
line-height: 18px;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
font-size: @mt;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.section.cooperate {
|
||||||
|
.content {
|
||||||
|
font-size: @mt;
|
||||||
|
line-height: 20px;
|
||||||
|
margin-top: 28px;
|
||||||
|
margin-bottom: 35px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.section.article-detail {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
padding: 20px 0;
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 2px dashed #E5E5E5;
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: @xt;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
padding: 12px 0;
|
||||||
|
font-size: @mt;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.close-page {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.section.story-cont {
|
||||||
|
margin-top: 24px;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: @xt;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image-con {
|
||||||
|
border-radius: 0;
|
||||||
|
|
||||||
|
.text-con {
|
||||||
|
padding: 9px 10px;
|
||||||
|
|
||||||
|
p {
|
||||||
|
height: 16px;
|
||||||
|
font-size: @mt;
|
||||||
|
line-height: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.story-item:nth-child(2n) {
|
||||||
|
.desc {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.story-item {
|
||||||
|
.img {
|
||||||
|
width: 100%;
|
||||||
|
height: 188px;
|
||||||
|
border-radius: 0;
|
||||||
|
float: unset;
|
||||||
|
}
|
||||||
|
|
||||||
|
.desc {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-radius: 0;
|
||||||
|
float: unset;
|
||||||
|
margin-top: 0;
|
||||||
|
padding: 30px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: @mt;
|
||||||
|
line-height: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text:nth-child(2) {
|
||||||
|
color: #666666;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
font-size: @st;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.section.story-cont.last {
|
||||||
|
margin-bottom: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.s-section {
|
||||||
|
.s-title {
|
||||||
|
font-size: @xt;
|
||||||
|
line-height: 16px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.s-section.s1-first {
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section.business-nav {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 10px;
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
li {
|
||||||
|
width: auto;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
color: #666666;
|
||||||
|
font-size: @st;
|
||||||
|
line-height: 30px;
|
||||||
|
padding: 2px 12px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.section.business-cont {
|
||||||
|
.title {
|
||||||
|
font-size: 0px;
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: @xt;
|
||||||
|
line-height: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.title::after {
|
||||||
|
width: 29px;
|
||||||
|
height: 2px;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.business-cont.s1 {
|
||||||
|
margin-top: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.business-cont.s2 {
|
||||||
|
margin-top: 30px;
|
||||||
|
|
||||||
|
.mid-box {
|
||||||
|
margin: 15px 0 5px 0;
|
||||||
|
|
||||||
|
.ad-text {
|
||||||
|
font-size: @st;
|
||||||
|
font-weight: normal;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.business-cont.s3 {
|
||||||
|
margin-top: 50px;
|
||||||
|
padding-bottom: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
background-color: unset;
|
||||||
|
|
||||||
|
.mid-box {
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
|
||||||
|
.num {
|
||||||
|
font-size: @st;
|
||||||
|
line-height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.desc {
|
||||||
|
font-size: @st;
|
||||||
|
line-height: 18px;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cont {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
width: 33.33333%;
|
||||||
|
}
|
||||||
|
|
||||||
|
li::after {
|
||||||
|
height: 26px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.business-cont.s4 {
|
||||||
|
padding: 30px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.s-content.g1 {
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
li {
|
||||||
|
width: 46%;
|
||||||
|
margin-left: 2%;
|
||||||
|
margin-right: 2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
li:nth-child(4n) {
|
||||||
|
margin-right: 2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
width: 57px;
|
||||||
|
height: 41px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-size: @mt;
|
||||||
|
margin: 15px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: @st;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
padding: 20px 0;
|
||||||
|
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.s-content.g2 {
|
||||||
|
li {
|
||||||
|
float: initial;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border: 1px solid #DDDDDD;
|
||||||
|
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-cont {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.desc {
|
||||||
|
padding: 15px;
|
||||||
|
height: auto;
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-size: @mt;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: @st;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.s-content.g3,
|
||||||
|
.s-content.g4 {
|
||||||
|
ul {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
width: 46%;
|
||||||
|
margin-left: 2%;
|
||||||
|
margin-right: 2%;
|
||||||
|
margin-top: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li:nth-child(3n) {
|
||||||
|
margin-right: 2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border: 1px solid #DDDDDD;
|
||||||
|
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.desc {
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
.i-title {
|
||||||
|
height: 20px;
|
||||||
|
font-size: @mt;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.i-desc {
|
||||||
|
height: 32px;
|
||||||
|
font-size: @st;
|
||||||
|
line-height: 16px;
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-cont {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.desc {
|
||||||
|
height: auto;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// g4
|
||||||
|
.btn {
|
||||||
|
height: auto;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
.b-text {
|
||||||
|
width: 130px;
|
||||||
|
height: 26px;
|
||||||
|
line-height: 26px;
|
||||||
|
font-size: @st;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.s-content.g5 {
|
||||||
|
margin-top: 15px;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
width: 100px;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 26px;
|
||||||
|
height: 26px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: @mt;
|
||||||
|
line-height: 20px;
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
484
css/style.css
484
css/style.css
File diff suppressed because it is too large
Load Diff
497
css/style.less
497
css/style.less
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
16
index.html
16
index.html
|
|
@ -59,13 +59,15 @@
|
||||||
<div class="swiper-pagination pc"></div>
|
<div class="swiper-pagination pc"></div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
var swiper = new Swiper('.main-banner', {
|
window.onload = function () {
|
||||||
pagination: '.swiper-pagination',
|
new Swiper('.main-banner', {
|
||||||
paginationClickable: true,
|
pagination: '.swiper-pagination',
|
||||||
centeredSlides: true,
|
paginationClickable: true,
|
||||||
autoplay: 5000,
|
centeredSlides: true,
|
||||||
autoplayDisableOnInteraction: false,
|
autoplay: 5000,
|
||||||
});
|
autoplayDisableOnInteraction: false,
|
||||||
|
});
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<!-- 简介 -->
|
<!-- 简介 -->
|
||||||
<div class="section main-wrap idx-about">
|
<div class="section main-wrap idx-about">
|
||||||
|
|
|
||||||
29
js/main.js
29
js/main.js
|
|
@ -33,30 +33,25 @@ function hideMenu() {
|
||||||
}
|
}
|
||||||
|
|
||||||
$(function () {
|
$(function () {
|
||||||
function setRem() {
|
function getRem() {
|
||||||
var whdef = 100 / 1920;// 表示1920的设计图,使用100PX的默认值 1rem = 100px
|
let windowWidth = window.innerWidth
|
||||||
var wH = window.innerHeight;// 当前窗口的高度
|
return windowWidth * (100 / (windowWidth > 768 ? 1920 : 750));
|
||||||
var wW = window.innerWidth;// 当前窗口的宽度
|
|
||||||
var rem = wW * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
|
|
||||||
$('html').css('font-size', rem + "px");
|
|
||||||
$(window).resize(function () {
|
|
||||||
var whdef = 100 / 1920;// 表示1920的设计图,使用100PX的默认值
|
|
||||||
var wH = window.innerHeight;// 当前窗口的高度
|
|
||||||
var wW = window.innerWidth;// 当前窗口的宽度
|
|
||||||
var rem = wW * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
|
|
||||||
$('html').css('font-size', rem + "px");
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
setRem();
|
function rszcal() {
|
||||||
|
$('html').css('font-size', getRem() + "px");
|
||||||
|
}
|
||||||
|
$(window).resize(rszcal);
|
||||||
|
rszcal();
|
||||||
|
let currentRem = getRem();
|
||||||
|
|
||||||
$('.header .menu-group').load('../common/header.html');
|
$('.header .menu-group').load('../common/header.html');
|
||||||
$('.footer').load('../common/footer.html');
|
$('.footer').load('../common/footer.html');
|
||||||
$(window).scroll(function () {
|
$(window).scroll(function () {
|
||||||
let t = $(document).scrollTop(), flag;
|
let t = $(document).scrollTop(), flag;
|
||||||
if ($(window).width() > 768) {
|
if ($(window).width() > 768) {
|
||||||
flag = t > 400;
|
flag = t > 4 * currentRem;
|
||||||
} else {
|
} else {
|
||||||
flag = t > 60;
|
flag = t > 0.6 * currentRem;
|
||||||
}
|
}
|
||||||
if (flag) {
|
if (flag) {
|
||||||
header.removeClass('style1').addClass('style2');
|
header.removeClass('style1').addClass('style2');
|
||||||
|
|
@ -74,7 +69,7 @@ $(function () {
|
||||||
let id = $(this).attr('href');
|
let id = $(this).attr('href');
|
||||||
let ot = $(id)[0].offsetTop;
|
let ot = $(id)[0].offsetTop;
|
||||||
window.scrollTo({
|
window.scrollTo({
|
||||||
top: ot - 90,
|
top: ot - (0.9 * currentRem),
|
||||||
behavior: "smooth",
|
behavior: "smooth",
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
|
||||||
14
story.html
14
story.html
|
|
@ -56,12 +56,14 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
var swiper = new Swiper('.image-con', {
|
window.onload = function () {
|
||||||
paginationClickable: true,
|
new Swiper('.image-con', {
|
||||||
centeredSlides: true,
|
paginationClickable: true,
|
||||||
autoplay: 5000,
|
centeredSlides: true,
|
||||||
autoplayDisableOnInteraction: false,
|
autoplay: 5000,
|
||||||
});
|
autoplayDisableOnInteraction: false,
|
||||||
|
});
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
<div class="section main-wrap story-cont last">
|
<div class="section main-wrap story-cont last">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue