.index-banner { width: 100%; height: 8.5rem; position: relative; box-shadow: 0rem 0.03rem 0.1rem 0.01rem rgb(0 0 0 / 30%); } .indexBanner { width: 100%; height: 100%; } .indexBanner .swiper-slide { position: relative; } .indexBanner-box { z-index: 99999; /*background: rgba(0, 0, 0, .3);*/ /*padding: 0.5rem 0.7rem;*/ position: absolute; left: 17%; top: 33%; /*transform: translate(-50%, -50%);*/ color: #fff; text-align: center; width: 66%; } .indexBanner-title { font-size: 0.85rem; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .indexBanner-p { text-transform: Uppercase; font-size: 0.24rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #FFFFFF; margin-top: 0.28rem; line-height: 140%; } .indexBanner .swiper-slide{ position: relative; } .indexBanner .modal{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; } .indexBanner .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } .indexBanner .swiper-slide video { width: 100%; height: 100%; object-fit: contain; object-fit: cover; } .indexBanner .swiper-slide video::-webkit-media-controls-fullscreen-button, .indexBanner .swiper-slide video::-webkit-media-controls-play-button, .indexBanner .swiper-slide video::-webkit-media-controls-timeline, .indexBanner .swiper-slide video::-webkit-media-controls-current-time-display, .indexBanner .swiper-slide video::-webkit-media-controls-time-remaining-display, .indexBanner .swiper-slide video::-webkit-media-controls-mute-button, .indexBanner .swiper-slide video::-webkit-media-controls-toggle-closed-captions-button, .indexBanner .swiper-slide video::-webkit-media-controls-enclosure, .indexBanner .swiper-slide video::-webkit-media-controls-volume-slider { display: none; } .indexBanner .swiper-pagination { width: 100%; height: 0.73rem; /* background: rgba(0, 0, 0, .2); */ bottom: 0 !important; display: flex; align-items: center; justify-content: center; } .indexBanner .swiper-pagination-bullet { border-radius: 0%; width: 0.58rem; height: 0.06rem; background: #fff; opacity: 1; } .indexBanner .swiper-pagination-bullet-active { background: #014098; } .index-brief-wrap { margin: 1.35rem auto 1rem auto; display: flex; justify-content: space-between; } .index-brief { /*padding: 0 0.5rem; */ /*flex: 1;*/ /*border-right: 1px solid #666565;*/ } .index-brief:nth-child(1) .roll{ min-width: 2em; } .index-brief:nth-child(3) .roll{ min-width: 0.5em; } .index-brief:nth-child(5) .roll{ min-width: 1.1em; } .index-brief:nth-child(7) .roll{ min-width: 1.1em; } .index-brief:nth-child(9) .roll{ min-width: 1.1em; } .index-brief:nth-child(11) .roll{ min-width: 1.1em; } .index-brief-line{ width: 0.01rem; /*height: 100%;*/ background: #666565; } .index-brief:first-of-type { padding-left: 0; } .index-brief:last-of-type { padding-right: 0; border-right: 0; } .index-brief-num { font-size: 0.24rem; font-family: Microsoft YaHei; font-weight: 300; color: #333333; display: flex; align-items: baseline; justify-content: center; } .index-brief-num span { font-size: 0.62rem; font-family: Impact-Regular,Impact; font-weight: 400; color: #014098; } .index-brief-p { font-size: 0.24rem; font-family: Microsoft YaHei; font-weight: 300; color: #333333; margin-top: 0.1rem; text-align: center; } .index-about-wrap { width: 100%; background: url(../image/index/about-bg.png) no-repeat; background-size: cover; margin-top: 2.09rem; } .index-about-box { margin: 0 auto; position: relative; display: flex; justify-content: space-between; } .index-about-left { width: 4.67rem; min-height: 5rem; position: relative; padding: 0.7rem 0 0.6rem 0; } .index-about-title { font-size: 0.4rem; font-family: Microsoft YaHei; font-weight: bold; color: #333333; padding-left: 0.27rem; position: relative; } .index-about-title::after { content: ''; width: 0.07rem; height: 100%; background: #0745B1; position: absolute; left: 0; top: 0; } .index-about-en { font-size: 0.18rem; font-family: Microsoft YaHei; font-weight: 400; color: #333333; margin-top: 0.18rem; padding-left: 0.27rem; } .index-about-p { font-size: 0.2rem; font-family: Microsoft YaHei; font-weight: 400; line-height: 0.36rem; color: #333333; padding-bottom: 0.3rem; margin-top: 0.4rem; text-align: justify; } .index-about-p span { color: #014098 !important; font-size: 0.18rem; } .index-about-line { width: 1.1rem; height: 0.02rem; background: #0745B1; position: absolute; bottom: 0.6rem; left: 0; } .index-about-right { width: 10.46rem; height: 5rem; /* position: relative; */ /* transform: translateY(-0.6rem); */ position: absolute; right: 0; top: -0.4rem; } .index-about-right img { width: 100%; height: 100%; object-fit: cover; /* position: absolute; left: 0; top: -0.6rem; */ } /* 鏂伴椈璧勮 */ .index-news-wrap { margin: 0 auto; } .index-news-title .index-title-cn { position: relative; } .index-news-title-line1, .index-news-title-line2 { width: 6.14rem; height: 0.01rem; background: #E0E0E0; position: absolute; top: 50%; transform: translateY(-50%); } .index-news-title-line1, .index-news-title-line2 span { left: 0; } .index-news-title-line2, .index-news-title-line1 span { right: 0; } .index-news-title-line1 span, .index-news-title-line2 span { display: block; width: 0.08rem; height: 0.08rem; background: #E0E0E0; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); } .index-news-list { display: flex; margin-top: 0.4rem; } .index-news-item { width: 5.06rem; margin-right: 0.41rem; } .index-news-item:nth-child(3n) { /*margin-right: 0;*/ } .index-news-img-box { width: 100%; height: 2.53rem; position: relative; } .index-news-img { width: 100%; height: 100%; object-fit: cover; } .index-news-img-box p { position: absolute; top: 0; left: 0; width: 0.6rem; height: 0.6rem; background: #0745B1; font-size: 0.3rem; font-family: Microsoft YaHei; font-weight: bold; line-height: 0.6rem; color: #FFFFFF; text-align: center; z-index: 2; } .index-news-content { padding: 0.3rem 0; } .index-news-text { font-size: var(--font18); font-family: Microsoft YaHei; font-weight: bold; color: #333333; line-height: 1.05; } .index-news-text:hover{ color: #3030c0; } .index-news-p { font-size: var(--font18); font-family: Microsoft YaHei; font-weight: 400; line-height: 0.24rem; color: #333333; margin: 0.15rem 0; } .index-news-bottom { display: flex; align-items: center; justify-content: space-between; } .index-news-time { font-size: var(--font18); font-family: Microsoft YaHei; font-weight: bold; color: #CECECE; } .index-news-more { font-size: var(--font18); font-family: Microsoft YaHei; font-weight: bold; color: #0745B1; } .index-news-bt { margin: 0.3rem auto 1rem auto; width: 3rem; height: 0.6rem; background: #0745B1; opacity: 1; border-radius: 0.08rem; display: flex; align-items: center; justify-content: center; } .index-news-bt p { font-size: 0.18rem; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; } .index-news-bt img { margin-left: 0.2rem; width: 0.4rem; height: auto; } /* 浜у搧 */ .index-product-wrap { width: 100%; background: url(../image/index/product-bg.png) no-repeat; background-size: cover; padding: 1.15rem 0; } .index-product-box { margin: 0 auto; display: flex; } .index-product-left { width: 5rem; flex-shrink: 0; } .index-product-item { width: 100%; height: 1.8rem; background: rgba(1, 113, 195, 0.65); box-shadow: 0rem 0rem 0rem rgba(0, 0, 0, 0.1600); display: flex; align-items: center; justify-content: space-between; padding: 0 0.3rem; margin-bottom: 0.05rem; cursor: pointer; } .index-product-item:last-of-type { margin-bottom: 0; } .index-product-active { background: rgba(7, 69, 177, 0.65); } .index-product-item1 { font-size: 0.36rem; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; /* flex: 1; */ line-height: 1.1; } .index-product-item2 { width: 1.15rem; height: auto; margin: 0 0.2rem; flex-shrink: 0; } .index-product-item2 img { width: 100%; height: auto; } .index-product-item3 { font-size: 0.78rem; font-family: Microsoft YaHei; font-weight: 300; color: #EDEDED; flex-shrink: 0; } .index-product-right { flex: 1; margin-left: 1rem; } .index-product-content { width: 100%; display: none; } .index-product-content:first-of-type { display: block; } .index-product-text { font-size: 0.5rem; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .index-product-p { font-size: 0.2rem; font-family: Microsoft YaHei; font-weight: 400; line-height: 0.36rem; color: #FFFFFF; margin: 0.35rem 0; } .index-product-img { width: 100%; height: auto; } .index-product-img img { width: 100%; height: 3.5rem; object-fit: contain; } /* 搴旂敤棰嗗煙 */ .index-fields-intro { font-size: 0.22rem; font-family: Microsoft YaHei; font-weight: 400; color: #333333; text-align: center; margin-top: 0.1rem; } .index-fields-wrap { margin-top: 0.55rem; width: 100%; display: flex; flex-wrap: wrap; } .index-fields { height: 3.2rem; margin-top: 0.05rem; } .index-fields-img { width: 100%; height: 100%; } .index-fields:nth-child(1), .index-fields:nth-child(2), .index-fields:nth-child(4), .index-fields:nth-child(5) { padding-right: 0.05rem; } .index-fields1 { width: 25%; } .index-fields2 { width: 50%; } .index-fields img { width: 100%; height: 100%; object-fit: cover; } .index-fields-more { width: 25%; height: 3.2rem; margin-top: 0.05rem; display: flex; flex-direction: column; justify-content: center; align-items: center; background: url(../image/index/fields-bg.png) no-repeat; background-size: cover; } .index-fields-more img { width: 0.64rem; height: auto; } .index-fields-more p { font-size: 0.36rem; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; margin-top: 0.4rem; } /* 鎴愬憳浼佷笟 */ .index-member-wrap { width: 100%; overflow: hidden; background: #F6F6F6; position: relative; } .index-member-bg { margin-top: 0.5rem; height: 7.86rem; position: relative; } .index-member-bg img { width: 10.24rem; height: 9.92rem; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 1; } .index-member-bottom { width: 100%; height: 3.4rem; background-color: #fff; } .index-member-box { background: rgba(255, 255, 255, 0.47); box-shadow: 0rem 0rem 0.2rem 0.1rem rgba(0, 0, 0, 0.06); position: absolute; bottom: 0.92rem; left: 50%; transform: translateX(-50%); padding: 0.68rem 0.75rem 0.6rem 0.75rem; z-index: 2; } .index-member-nav-list { display: flex; align-items: center; } .index-member-nav { padding: 0.14rem 0.4rem; border: 1px solid #014098; opacity: 1; border-radius: 0.3rem; font-size: 0.24rem; font-family: Microsoft YaHei; font-weight: 400; color: #333333; margin-right: 0.3rem; cursor: pointer; } .index-member-nav-list .active { background: #014098; color: #fff; } .index-member-list-box { margin-top: 0.6rem; position: relative; } .index-member-xuanfu-img{ width: 6.8rem; height: 2.98rem; position: absolute; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; z-index: 1; } .index-member-xuanfu-img img{ max-width: 100%; max-height: 100%; } .index-member-list { display: flex; justify-content: space-between; display: none; position: relative; z-index: 2; } .index-member-list:first-of-type { display: flex; } .index-member-item { width: 6.8rem; } .index-member-text { font-size: 0.28rem; font-family: Microsoft YaHei; font-weight: bold; color: #333333; } .index-member-img { width: 100%; height: 2.98rem; margin-top: 0.4rem; } .index-member-img img { width: 100%; height: 100%; object-fit: cover; } .index-about-video-mobile { display: none; } @media only screen and (max-width: 1024px) { .index-banner { height: 4rem;margin-top: 0; } .indexBanner-title { font-size: 0.3rem; line-height: 0.48rem; } .indexBanner-p { font-size: 0.26rem; line-height: 0.4rem; margin-top: 0.1rem; display: none; } .indexBanner-box { /*padding: 0.5rem 0.1rem;*/ } .index-about { height: auto; /* padding:0 0.25rem; */ padding-bottom: 0.3rem; } .index-about-list { position: initial; border: 0 solid #000; } .index-about-item-box { height: auto; border: 0; } .index-about-item { position: initial; transform: none; } .index-about-item:hover { width: 100%; height: 100%; background: none; color: #014098; } .index-about-num { font-size: 0.24rem; font-weight: bold; } .index-about-num span { font-size: 0.6rem; font-weight: bold; } .index-about-p { font-size: 0.26rem; line-height: 0.41rem; } .index-brief-wrap { margin: 0.6rem auto; } .index-about-left { width: 100%; } .index-about-wrap { padding: 0 0.25rem; margin-top: 1.5rem; margin-top: 0; } .index-about-right { visibility: visible; top: 0; right: 0; position: relative; } .w1600 { max-width: 100% !important; } .index-title { margin: 0.5rem auto 0 auto; } .index-news-list { display: block; } .index-news-item { width: 100%; margin: 0 auto; margin-bottom: 0.2rem; } .index-news-item:nth-child(3n) { margin: 0 auto; } .index-news-text { font-size: 0.28rem; } .index-news-p { font-size: 0.26rem; line-height: 0.41rem; } .index-product-box { display: block; padding: 0 0.25rem; } .index-product-left{ width: 100%; } .index-product-left { margin: 0 auto; } .index-product-right { margin-left: 0; padding: 0.3rem 0; margin-top: 0.3rem; } .index-product-text { line-height: 0.5rem; font-size: 0.4rem; } .index-product-p{ font-size: 0.18rem; margin: 0.2rem 0; line-height: 0.36rem; } .index-title-en{ font-size: 0.55rem !important; top:0.31rem !important; } .index-title-cn{ font-size: 0.45rem; } .index-fields1, .index-fields2 , .index-fields-more{ width: 100%; height: 3rem; margin-top: 0.2rem; } .index-member-bg{ height: 7.66rem; } .index-member-box{ bottom: 0.8rem; } .index-member-bottom{ height: 1.5rem; } .index-member-item{ width: 3.3rem; } .index-member-text{ line-height: 0.4rem; } .index-member-img{ height: 1.98rem; } /*鏂板绉诲姩绔牱寮忚皟鏁?/ .index-news-wrap{ padding: 0 0.25rem; } .index-news-title-line1, .index-news-title-line2{ width: 2.24rem; } .index-brief-wrap { flex-wrap: wrap; } .index-brief { width: 45%; flex: auto; margin: 10px 0; } .index-brief-num span{ font-size: 0.36rem; } .index-brief:nth-child(2n){ border-right:0; } .index-brief-line{display:none;} .index-about-box{ display: block; } .index-about-right{ width: 100%; } .index-about-title{ font-size: 0.35rem; } .index-about-en{ font-size: 0.33rem; } .index-brief-num{ font-size: 0.26rem; } .index-brief-p{ font-size: 0.26rem; } .index-news-time{ font-size: 0.26rem; } .index-news-more{ font-size: 0.26rem; } .index-news-bt p{ font-size: 0.26rem; } .index-product-item1{ font-size: 0.36rem; } .index-product-item3{ font-size: 0.4rem; } .index-product-p{ font-size: 0.26rem; line-height: 0.41rem; } .index-fields-intro{ padding: 0 0.25rem; font-size: 0.26rem; line-height: 0.41rem; margin-top: 0.56rem; } .index-fields-more p{ font-size: 0.3rem; } .index-member-nav{ font-size: 0.26rem; } .index-member-text{ font-size: 0.24rem; } .index-fields:nth-child(1), .index-fields:nth-child(2), .index-fields:nth-child(4), .index-fields:nth-child(5){ padding-right: 0; } .index-member-box{ width: 100%; } .index-member-nav-list{ flex-wrap: wrap; } .index-member-nav{ margin-bottom: 0.2rem; width: calc((100% - 0.6rem)/3); text-align: center; padding: 0.14rem 0; } .index-member-nav:nth-child(3n){ margin-right: 0; } .index-member-list-box{ margin-top: 0.4rem; } .index-member-box{ padding: 0.68rem 0.25rem 0.6rem 0.25rem; } /*绉诲姩绔?/ }