.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