.sw { height: 100vh; } /* 綆浠? 寮濮?*/ .company_profile { display: flex; justify-content: space-between; border-bottom: 1px solid #efefef; margin-top: 120px; margin-bottom: 70px; padding-bottom: 70px; } .company_profile .lf { width: 39%; } .company_profile .f48 { color: #111; margin-bottom: 50px; font-weight: bold; } .company_profile .rg { width: 50%; } .company_profile .rg .f20 { color: #333333; line-height: 36px; margin-top: 10px; text-indent: 32px; text-align: justify; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #efefef; } .company_profile .rg .desc { color: #666666; line-height: 2; text-indent: 32px; } .company_profile .rg .more { float: right; margin-top: 20px; } .number { display: flex; justify-content: space-between; align-items: center; } .number .lf { display: flex; justify-content: space-between; width: 40%; } .number .rg { width: 39%; } .number .top { position: relative; } .number span { font-size: 98px; color: #D80414; } .number sup { color: #D80414; position: absolute; top: 0; } .number p { color: #333333; line-height: 30px; } /* 綆浠? 緇撴潫 */ .gaunggao { margin-top: 70px; padding-bottom: 120px; } /* 閲嶇偣欏圭洰 寮濮?*/ .project { overflow: hidden; background: #F6F6F6; padding: 120px 0; box-sizing: border-box; } .project .f48 { font-weight: bold; color: #111111; line-height: 1; text-align: center; margin-bottom: 60px; } .project .project_sw { position: relative; } .project .text { position: absolute; padding: 0 50px 50px; box-sizing: border-box; width: 100%; left: 0; bottom: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)) } .project .text .f68 { font-size: 68px; line-height: 22px; background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(255, 255, 255, 1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .project .text .f24 { color: #FFFFFF; line-height: 26px; padding-bottom: 20px; position: relative; } .project .text .f24::after { content: ''; position: absolute; left: 0; bottom: 0; width: 25px; height: 2px; background: #DC0017; } .project .text .f30::after { content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 2px; background: #FFFFFF; opacity: 0.4; } .project .desc { position: absolute; bottom: 0; right: 0; background: #B00815; border-radius: 10px 0 0 10px; width: 84%; padding: 30px 40px; box-sizing: border-box; display: none; overflow: hidden; } .project .desc .f24 { color: #FFFFFF; line-height: 26px; padding-bottom: 15px; position: relative; margin-bottom: 20px; } .project .desc .f24::after { content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 2px; background: #FFFFFF; opacity: 0.4; } .project .desc .f14 { color: #FFFFFF; line-height: 26px; width: 79%; } .project .desc .num { color: #FFFFFF; line-height: 0.6; opacity: 0.08; font-size: 200px; position: absolute; right: 40px; bottom: 0; } .project .swiper-slide { transition: all .36s; overflow: hidden; height: auto; cursor: pointer; } .project .swiper-slide img { width: 100%; height: 100%; max-width: inherit; transition: all .36s; } .project .swiper-slide:hover img { transform: scale(1.1); transition: all .36s; } /* .project .swiper-slide-active { width: 49% !important; } */ .project .swiper-button-prev { width: 66px !important; height: 66px !important; border: 2px solid #B00815 !important; border-radius: 50%; left: -6% !important; } .project .swiper-button-next { width: 66px !important; height: 66px !important; border: 2px solid #B00815 !important; border-radius: 50%; right: -6% !important; } .project .swiper-button-next:hover, .project .swiper-button-prev:hover { background-color: #B00815 !important; } .project .swiper-button-prev:after, .project .swiper-button-next:after { color: #B00815 !important; font-size: 23px; } .project .swiper-button-next:hover:after, .project .swiper-button-prev:hover:after { color: #fff !important; } .project .project_page { display: none; } /* 閲嶇偣欏圭洰 緇撴潫 */ /* 鏂伴椈涓績 寮濮?*/ .new { background-color: #fff; padding: 120px 0; } .new .top { display: flex; justify-content: space-between; } .new .top .f48 { font-weight: bold; color: #111111; line-height: 1; } .new .top .tab a { color: #333; position: relative; padding-bottom: 20px; margin-right: 100px; } .new .top .tab a:nth-last-of-type(1) { margin-right: 0; } .new .top .tab a.active, .new .top .tab a:hover { color: #D80414; } .new .top .tab a.active::after, .new .top .tab a:hover::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #D80414; } .new .tab_content { margin-top: 65px; display: none; } .new .tab_content:nth-child(1) { display: block; } .new .tab_content .more { width: 35px; height: 35px; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .new .tab_content .tab_content_top { display: grid; grid-template-columns: 66% 32%; justify-content: space-between; } .new .tab_content .tab_content_top .one { position: relative; border-radius: 10px; } .new .tab_content .tab_content_top .one.big a { display: block; height: 100%; } .new .tab_content .tab_content_top .one .img { border-radius: 10px; overflow: hidden; height: 100%; display: flex; align-items: center; justify-content: center; } .new .tab_content .tab_content_top .one .img img { border-radius: 10px; height: 100%; /* width: auto; */ transition: all .36s; width: 100%; } .new .tab_content .tab_content_top .big:hover .img img { transform: scale(1.1); transition: all .36s; } .new .tab_content .tab_content_top .text { width: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; padding: 0 4% 7%; box-sizing: border-box; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; border-radius: 10px; } .new .tab_content .tab_content_top .text .f16 { color: #FFFFFF; display: none; } .new .tab_content .tab_content_top .text .f20 { color: #FFFFFF; line-height: 32px; margin-top: 20px; } .new .tab_content .tab_content_top .small { background-color: #fff; padding: 70px 40px; box-sizing: border-box; transition: all .36s; box-shadow: 0px 4px 30px 0px rgb(0 0 0 / 8%); } .new .tab_content .tab_content_top .small .f16 { color: #999; transition: all .36s; } .new .tab_content .tab_content_top .small .f20 { color: #333; line-height: 32px; margin-top: 20px; transition: all .36s; } .new .tab_content .tab_content_top .small .f14 { color: #333; line-height: 2; margin-top: 30px; margin-bottom: 100px; transition: all .36s; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; } .new .tab_content .tab_content_top .small .more { background-color: #D4D4D4; color: #fff; font-weight: bold; transition: all .36s; } .new .tab_content .tab_content_top .small:hover { background: url(../images/new_bg.jpg) no-repeat center; background-size: cover; transition: all .36s; } .new .tab_content .tab_content_top .small:hover .f16, .new .tab_content .tab_content_top .small:hover .f20, .new .tab_content .tab_content_top .small:hover .f14 { color: #fff; transition: all .36s; } .new .tab_content .tab_content_top .small:hover .more { background-color: #fff; color: #D80414; transition: all .36s; } .new .tab_content .tab_content_bot { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; margin-top: 30px; } .new .tab_content .tab_content_bot .one { background: #FFFFFF; box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08); border-radius: 10px; padding: 44px 40px; box-sizing: border-box; } .new .tab_content .tab_content_bot .one .f16 { color: #999999; transition: all .5s; } .new .tab_content .tab_content_bot .one .f18 { color: #333333; line-height: 30px; margin-top: 20px; margin-bottom: 40px; } .new .tab_content .tab_content_bot .one .more { background: #D4D4D4; color: #fff; transition: all .5s; } .new .tab_content .tab_content_bot .one:hover .f16 { color: #D80414; transition: all .5s; } .new .tab_content .tab_content_bot .one:hover .more { background-color: #D80414; transition: all .5s; } .new .more1 { margin: 20px auto 0; display: none; } /* 鏂伴椈涓績 緇撴潫 */ /* 鍏氱殑寤鴻 寮濮?*/ .build { background: url(../images/build_bg.jpg) no-repeat bottom; background-size: cover; padding: 120px 0px; } .build .build_box { display: flex; justify-content: space-between; } .build .build_box .f48 { font-weight: bold; color: #111111; line-height: 1; margin-bottom: 75px; } .build .build_box .tab { color: #333; line-height: 72px; } .build .build_box .tab .title { position: relative; width: fit-content; cursor: pointer; } .build .build_box .tab .title.active, .build .build_box .tab .title:hover { color: #D80414; } .build .build_box .tab .title.active::after, .build .build_box .tab .title:hover::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #D80414; } .build .build_box .rg { width: 63%; } .build .build_box .content { display: none; border: 1px solid #C1C1C1; border-radius: 10px; } .build .build_box .content:nth-child(1) { display: block; } .build .build_box .content a { display: block; } .build .build_box .content .one { padding: 40px 65px 40px 48px; box-sizing: border-box; border-bottom: 1px solid #C1C1C1; display: flex; justify-content: space-between; align-items: center; } .build .build_box .content .one .title { display: flex; align-items: center; width: 80%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .build .build_box .content .one .cur { width: 14px; height: 14px; border: 2px solid #D80414; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; } .build .build_box .content .one .cur .cur_in { width: 4px; height: 4px; background: #D80414; border-radius: 50%; display: none; transition: all .36s; } .build .build_box .content .one .f18 { color: #333333; transition: all .36s; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .build .build_box .content .one .more { width: auto; height: auto; background: none; color: #666666; transition: all .36s; } .build .build_box .content .one .more .rectangle { background-color: #666; } .build .build_box .content .one:hover .cur_in { display: block; } .build .build_box .content .one:hover .f18 { color: #D80414; transition: all .36s; } .build .build_box .content .one:hover .more { color: #D80414; transition: all .36s; } .build .build_box .content .one:hover .rectangle { background-color: #D80414; transition: all .36s; } .build .more1 { margin: 20px auto 0; display: none; } /* 鍏氱殑寤鴻 緇撴潫 */ /* 闆嗗洟浜т笟 緇撴潫 */ .he_sweple, .he_swepri { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #D80414; /* background-color: #D80414; */ color: #D80414; cursor: pointer; } .he_swepri { transform: rotate(180deg); } .he_sweple:hover, .he_swepri:hover { background-color: #D80414; color: #fff; } .enter { background-image: linear-gradient(#F1F3F5, #fff); padding: 120px 0; } .enter .f48 { text-align: center; font-weight: bold; color: #111; line-height: 1; } .enter .desc { color: #666666; line-height: 2; width: 75%; text-align: center; margin: 40px auto 65px; text-indent: 32px; } .enter .bottom { display: flex; justify-content: center; margin-top: 60px; position: relative; height: 145px; } .enter .bottom .one { display: none; } .enter .slide3 { margin-top: 90px; } .he_swepbx { margin: 0 !important; } .enter .swiper-slide .one { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 15px; } .enter .swiper-slide .one a { display: block; height: 58px; width: 100%; border: 1px solid #DDDDDD; text-align: center; line-height: 58px; color: #666666; transition: all .5s; box-sizing: border-box; border-radius: 5px; } .he_syp3 { height: fit-content; padding-bottom: 0 !important; padding-top: 0 !important; } .wow { visibility: visible !important; } .he_swep { width: 6%; justify-content: space-between; } .enter .slide3 .swiper-slide .one a:hover { color: #fff; background-color: #D80414; transition: all .5s; } /* 闆嗗洟浜т笟 緇撴潫 */ @media (max-width:1680px) { .company_profile .lf { width: 43%; } .number span { font-size: 80px; } .group { margin-top: 100px; } .group .bottom_content { bottom: 100px; } .group .word { top: 100px; } .company_profile { margin-top: 100px; margin-bottom: 50px; padding-bottom: 50px; } .enter, .build, .new { padding: 100px 0; } .project { padding: 100px 0; } .project .text .f68 { font-size: 60px; } .project .swiper-button-prev, .project .swiper-button-next { width: 60px !important; height: 60px !important; } .project .swiper-button-prev { left: -5% !important; } .project .swiper-button-next { right: -5% !important; } .new .top .tab a { margin-right: 80px; } .new .tab_content { margin-top: 55px; } .new .tab_content .tab_content_top .small { padding: 60px 35px; } .new .tab_content .tab_content_top .small .f14 { margin-bottom: 70px; } .new .tab_content .tab_content_bot .one { padding: 34px 30px; } .new .tab_content .tab_content_bot .one .f18 { margin-top: 15px; margin-bottom: 30px; } .gaunggao { padding-bottom: 100px; margin-top: 60px; } .build .build_box .f48 { margin-bottom: 65px; } .build .build_box .content .one { padding: 30px 55px 30px 38px; } .enter .desc { margin: 30px auto 55px; } .he_swep { width: 10%; } } @media (max-width:1550px) { .group .cover .jiantou, .group .f16 { margin-top: 12px; } } @media (max-width:1440px) { .enter { overflow: hidden; } .enter, .build, .new { padding: 80px 0; } .enter .swiper-slide .one { grid-template-columns: repeat(3, 1fr); } .company_profile .lf { width: 43%; } .company_profile { margin-top: 80px; margin-bottom: 40px; padding-bottom: 40px; } .gaunggao { margin-top: 40px; padding-bottom: 80px; } .company_profile .rg .f20 { padding-bottom: 30px; margin-bottom: 30px; } .number .lf { width: 45%; } .number span { font-size: 70px; } .project { padding: 80px 0; } .project .text .f68 { font-size: 50px; } .project .swiper-button-prev, .project .swiper-button-next { width: 50px !important; height: 50px !important; } .new .top .tab a { margin-right: 60px; } .project .desc .f30 { padding-bottom: 10px; margin-bottom: 15px; } .new .tab_content { margin-top: 45px; } .new .tab_content .tab_content_top .small { padding: 40px 30px; } .new .tab_content .tab_content_top .small .f14 { margin-bottom: 35px; margin-top: 20px; } .new .tab_content .tab_content_top .small .f20 { margin-top: 15px; } .new .tab_content .tab_content_bot .one .f18 { margin-top: 10px; margin-bottom: 20px; } .new .tab_content .tab_content_bot { grid-gap: 25px; margin-top: 25px; } .build .build_box .tab { line-height: 60px; } .build .build_box .f48 { margin-bottom: 40px; } .build .build_box .content .one { padding: 25px 50px 25px 31px; } .he_swep { width: 8%; } .he_swepbx { width: 40px !important; height: 40px; } .enter .swiper-slide .one a { height: 50px; line-height: 50px; } .enter .desc { margin: 20px auto 45px; } } @media (max-width:1340px) { .project .swiper-button-next { right: 2% !important; } .project .swiper-button-prev { left: 2% !important; } } @media (max-width:1280px) { .enter, .build, .new { padding: 60px 0; } .company_profile { margin-top: 60px; margin-bottom: 30px; padding-bottom: 30px; } .company_profile .lf { width: 45%; } .company_profile .f48 { margin-bottom: 40px; } .company_profile .rg .f20 { padding-bottom: 20px; margin-bottom: 20px; } .project { padding: 60px 0; } .project .f48 { margin-bottom: 50px; } .number span { font-size: 60px; } .gaunggao { margin-top: 30px; padding-bottom: 60px; } .new .tab_content .tab_content_top .small { padding: 25px 20px; } .new .tab_content .tab_content_top .small .f20 { margin-top: 10px; } .new .tab_content .tab_content_top .small .f14 { margin-bottom: 25px; margin-top: 10px; } .new .tab_content .more { width: 30px; height: 30px; } .new .tab_content .more .iconfont { font-size: 12px; } .new .tab_content .tab_content_bot { grid-gap: 20px; margin-top: 20px; } .new .tab_content .tab_content_top .text .f20 { margin-top: 10px; } .build .build_box .f48 { margin-bottom: 20px; } .build .build_box .content .one { padding: 20px 40px 20px 25px; } .enter .desc { margin: 15px auto 30px; } .he_swep { width: 10%; } .he_syp3bpgig { width: 90%; } .he_syp3bpgig { padding-left: 10px !important; padding-right: 10px !important; padding-bottom: 16px !important; } .he_syp3bpgig p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .new .top .tab a { margin-right: 40px; } } @media (max-width:1024px) { .build .more1, .new .more1 { display: flex; } /* .company_profile .rg .f20 { text-indent: 24px; } */ .sw { height: auto; } .enter, .build, .new { padding: 40px 0; } .company_profile { margin-top: 40px; margin-bottom: 20px; padding-bottom: 20px; } .gaunggao { margin-top: 20px; padding-bottom: 40px; } .company_profile .f48 { margin-bottom: 30px; } .company_profile, .number, .build .build_box { flex-direction: column; } .company_profile .lf, .company_profile .rg, .number .lf, .number .rg, .build .build_box .rg { width: 100%; } .number .rg { margin-top: 30px; } .number .rg img { width: 100%; } .number span { font-size: 50px; } .project { padding: 40px 0; } .project .swiper-slide-active { width: 70% !important; } .project .text .f68 { font-size: 40px; } .project .f48 { margin-bottom: 40px; } .new .top .f48 { text-align: center; } .new .top .tab { display: flex; justify-content: center; flex-wrap: wrap; } .new .top .tab a { margin-right: 15px; padding-bottom: 10px; font-size: 14px; } .new .tab_content { margin-top: 30px; } .new .tab_content .tab_content_top { grid-template-columns: repeat(1, 1fr); grid-gap: 20px; } .new .tab_content .tab_content_bot .one { padding: 20px; } .new .tab_content .tab_content_bot { grid-template-columns: repeat(1, 1fr); } .new .tab_content .tab_content_top .text { padding: 4%; } .build .build_box .content .one { padding: 20px; } .build .build_box .f48 { margin-bottom: 0; text-align: center; } .build .build_box .tab { display: flex; margin-bottom: 20px; justify-content: center; } .build .build_box .tab .title { margin-right: 20px; } .enter .desc { margin: 15px auto 20px; width: 100%; } .he_swep { width: 14%; } .enter .swiper-slide .one { grid-template-columns: repeat(2, 1fr); } .sw .swiper-pagination-bullet { width: 40px !important; } .number .lf { justify-content: flex-start; } .number .lf .one { margin-right: 10%; } .number .lf .one:nth-last-of-type(1) { margin-right: 0; } } @media (max-width:768px) { .enter, .build, .new { padding: 30px 0; } /* .phone .top .logo img { width: 80%; } */ .company_profile .f48 { margin-bottom: 20px; } .company_profile, .number .rg { margin-top: 20px; } .gaunggao { padding-bottom: 30px; } .project { padding: 30px 0; } .project .swiper-slide img { width: 100%; } .project .swiper-slide-active { width: 100% !important; } .project .desc { padding: 20px; right: auto; left: 50%; bottom: 45px; border-radius: 10px; transform: translateX(-50%); width: 92%; } .project .desc .f30 { margin-bottom: 15px; } .project .desc .num { right: 30px; line-height: 0.3; } .project .f48 { margin-bottom: 30px; } .project .swiper-button-next, .project .swiper-button-prev { display: none; } .project .project_page { display: block; bottom: 20px !important; } .project .swiper-pagination-bullet { opacity: 1 !important; background-color: #FFFFFF !important; } .project .swiper-pagination-bullet-active { background-color: #B00815 !important; } .new .top { flex-direction: column; } .new .top .tab a { margin-top: 20px; } .new .tab_content { margin-top: 20px; } .build .build_box .content .one .title { width: 70%; } .build .build_box .content .one .cur { width: 10px; height: 10px; } .he_swep { width: 22%; } .he_swepbx { width: 30px !important; height: 30px; } .enter .swiper-slide .one { grid-template-columns: repeat(1, 1fr); } .he_mine { min-height: 80px !important; } .sw img { height: 400px !important; min-height: auto; } .new .tab_content .tab_content_top .one .img img { height: 310px; } } @media(max-width:500px) { .sw img { height: 300px !important; min-height: auto; } .new .tab_content .tab_content_top .one .img img { height: 230px; } } @media(max-width:450px) { .sw img { height: 250px !important; min-height: auto; } .new .tab_content .tab_content_top .one .img img { height: 200px; } } 小狐狸钱包app官网最新版本,软件imtoken钱包,imtoken钱包地址,imtoken钱包下载2.9