.index-title { position: relative; padding-bottom: 0.3rem; } .index-title::after { content: ''; width: 0.6rem; height: 0.04rem; background: #94c33a; position: absolute; bottom: 0; left: 50%; transform: translatex(-50%); } .index-title-en { font-size: 0.96rem; font-family: microsoft yahei-bold, microsoft yahei; font-weight: bold; color: rgba(255, 255, 255, 0.08); text-align: center; } .index-title-cn { font-size: 0.4rem; font-family: microsoft yahei-bold, microsoft yahei; font-weight: bold; color: #ffffff; text-align: center; position: absolute; bottom: 0.4rem; left: 50%; transform: translatex(-50%); } div.index1 .arrow-left {background: no-repeat left top;position: absolute;left: 20px;top: 45%;margin-top: -35px;width: 70px;height: 70px;z-index:999;} div.index1 .arrow-right {background: no-repeat left bottom;position: absolute;right: 20px;top:45%;margin-top: -35px;width: 70px;height: 70px;z-index:999;outline: none;} div.index1 .pagination {position: absolute;left: 0;text-align: center;bottom: 15%;width: 100%;z-index:999;} div.index1 .swiper-pagination-bullet { display: inline-block;width: 15px;height: 15px;opacity:1;border-radius: 15px;background: white;margin: 0 3px;cursor: pointer;transition: width 0.3s ease-in-out;} div.index1 .swiper-pagination-bullet-active{background: #263e7f;width:15px;} div.index1 #maintheme{letter-spacing: -3px;padding-top: 160px;margin-bottom:20px;color:#fff;text-align:center;position:relative;display:inline-block;} /* 屏 */ .index1 { width: 100%; height: 100%; } .indexbanner { height: 100%; width: 100%; position: relative; } .index1swiper { width: 100%; height: 100%; } .index1swiper .swiper-slide { position: relative; } .indexbanner-img { width: 100%; height: 100%; object-fit: cover; } .indexbanner video { width: 100%; height: 100%; object-fit: cover; } .indexbanner video::-webkit-media-controls { display: none !important; } .index1-box { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; align-items: flex-start; justify-content: center; } .index1-box-box { display: flex; flex-direction: column; align-items: flex-start; width:100%; height:100%; } .index1-logo { aheight: 0.4rem; width:31.09%; margin-left:14.37%; margin-top:8.74%; } .index1-logo img { width: auto; height: 100%; } .index1-title { font-size: 0.96rem; font-family: microsoft yahei-bold, microsoft yahei; font-weight: bold; color: #ffffff; margin: 0.45rem 0; } .index1-text { padding: 0.08rem 0.24rem; background: #94c33a; border-radius: 0.48rem 0.48rem 0.48rem 0.48rem; font-size: 0.24rem; font-family: microsoft yahei-regular, microsoft yahei; font-weight: 400; color: #ffffff; } /* 第二屏 */ .index2-wrap { height: 100%; width: 100%; background: #284186; background-size: cover; display: flex; align-items: center; justify-content: center; } .index2 { width: 100%; opacity: 0; /* display: flex; align-items: center; justify-content: center; flex-direction: column; */ } .index2-select-wrap { display: flex; align-items: center; justify-content: center; margin-top: 0.4rem; position: relative; z-index: 2; } .index2-select-item { display: flex; align-items: center; margin-right: 0.45rem; } .index2-select-text { font-size: 0.18rem; font-family: microsoft yahei-regular, microsoft yahei; font-weight: 400; color: #ffffff; margin-right: 0.2rem; } .index2-select { width: 2.8rem; height: 0.5rem; background: rgba(255, 255, 255, 0.8); border-radius: 0.02rem 0.02rem 0.02rem 0.02rem; opacity: 1; border: 0.01rem solid #ffffff; } .index2-select input { width: 100%; height: 100%; background: transparent; font-size: 0.16rem; font-family: microsoft yahei-regular, microsoft yahei; font-weight: 400; color: #1b2c5b; padding: 12px; } .index2-select .combo-select { width: 100%; height: 100%; margin-bottom: 0; max-width: initial; border: 0; border-radius: 0.02rem; } .index2-select .combo-select .combo-input { background: transparent; font-size: 0.16rem; font-family: microsoft yahei-regular, microsoft yahei; font-weight: 400; color: #1b2c5b; cursor: pointer; } .index2-select .combo-arrow:before { border-top: 5px solid #1b2c5b; } .index2-select .combo-open .combo-arrow:before { border-top: none; border-bottom: 5px solid #1b2c5b; } .index2-bt { width: 1.2rem; height: 0.5rem; background: rgba(255, 255, 255, 0.8); border-radius: 0.4rem 0.4rem 0.4rem 0.4rem; opacity: 1; border: 0.01rem solid #ffffff; font-size: 0.16rem; font-family: microsoft yahei-regular, microsoft yahei; font-weight: 400; color: #1b2c5b; display: flex; align-items: center; justify-content: center; cursor: pointer; } .index2banner-wrap { width: 100%; position: relative; margin-top: 37px; } .index2swiper { width: 100%; height: 400px; position: relative; } .index2swiper .swiper-slide { height: 100%; position: relative; cursor: pointer; display:block } .index2swiper .swiper-slide:hover .index2-shade { background: transparent; } .index2swiper .swiper-slide:hover .index2-des { display: none; } .index2swiper .swiper-slide:hover .index2-icon { display: block; opacity: 1; } .index2swiper-img { width: 100%; height: 100%; object-fit: cover; } .index2-shade { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; transition: all .365s; } .index2-des { display: flex; align-items: center; justify-content: center; flex-direction: column; } .index2-des img { width: 72px; height: 72px; } .index2-des p { font-size: 20px; font-family: microsoft yahei-regular, microsoft yahei; font-weight: 400; color: #ffffff; margin-top: 27px; } .index2-icon { width: 90px; height: 90px; display: none; opacity: 0; transition: all .365s; } .index2swiper-click { display: flex; align-items: center; justify-content: center; margin-top: 27px; } .index2-click-img { width: 45px; height: 45px; cursor: pointer; outline:none } .index2-click-icon { margin: 0 20px; width: 20px; height: 20px ; outline:none } .index2-click-icon img { width: 100%; height: 100%; outline:none } /* 第三屏 */ .index3-wrap { width: 100%; height: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .index3 { opacity: 0; } .index3-des-wrap { display: flex; align-items: center; margin-top: 0.3rem; } .index3-des-content { width: 6rem; flex-shrink: 0; font-size: 0.2rem; font-family: microsoft yahei-regular, microsoft yahei; font-weight: 400; color: #ffffff; line-height: 0.35rem; } .index3-des-box { flex: 1; display: flex; flex-wrap: wrap; justify-content: space-between; } .index3-des { width: 50%; margin-top: 0.35rem; position: relative; } .index3-des:nth-child(1), .index3-des:nth-child(2) { margin-top: 0; } .index3-des:nth-child(odd)::after { content: ''; width: 0.01rem; height: 100%; background: rgba(255, 255, 255, 0.3); position: absolute; top: 0; right: 0.65rem; } .index3-des-icon { display: flex; align-items: center; } .index3-des-icon img { width: 0.47rem; height: auto; } .index3-des-icon p { font-size: 0.4rem; font-family: microsoft yahei-bold, microsoft yahei; font-weight: bold; color: #ffffff; margin-left: 0.2rem; } .index3-des:nth-child(1) .index3-des-icon p{ font-size: 0.2rem; } .index3-des-icon span{ font-size: 0.4rem; font-family: microsoft yahei-bold, microsoft yahei; font-weight: bold; color: #ffffff; } .index3-des-p { padding-left: 0.7rem; font-size: 0.2rem; font-family: microsoft yahei-regular, microsoft yahei; font-weight: 400; color: #ffffff; margin-top: 0.2rem; } .index3-list { display: flex; justify-content: space-between; margin-top: 0.3rem; } .index3-item { flex: 1; height: 3.98rem; position: relative; margin-right: 0.24rem; } .index3-item:last-of-type { margin-right: 0; } .index3-img { width: 100%; height: 100%; object-fit: cover; } .index3-shade { width: 100%; height: 100%; padding: 0.24rem; position: absolute; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: flex-end; background: rgba(40, 65, 134, 0.8000); } .index3-shade-title { display: flex; align-items: center; justify-content: space-between; } .index3-shade-text { font-size: 0.36rem; font-family: microsoft yahei-bold, microsoft yahei; font-weight: bold; color: #ffffff; padding-bottom: 0.25rem; position: relative; } .index3-shade-text::after { content: ''; width: 0.4rem; height: 0.04rem; background: #94c33a; position: absolute; bottom: 0; left: 0; } .index3-shade-more { font-size: 0.16rem; font-family: microsoft yahei-regular, microsoft yahei; font-weight: 400; color: #ffffff; display: none; } .index3-shade-p { font-size: 0.16rem; font-family: microsoft yahei-regular, microsoft yahei; font-weight: 400; color: #ffffff; line-height: 0.32rem; margin-top: 0.3rem; display: none !important; } .index3-list .active { flex: 3; transition: all .365s; } .index3-list .active .index3-shade { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); transition: all .365s; padding: 0.3rem; } .index3-list .active .index3-shade-more { display: block; transition: all .365s; } .index3-list .active .index3-shade-p { display: -webkit-box !important; transition: all .365s; } /* 第四屏 */ .index4-wrap { width: 100%; height: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .index4 { opacity: 0; } .index4-title { font-size: 0.2rem; font-family: microsoft yahei-regular, microsoft yahei; font-weight: 400; color: #ffffff; margin: 0.35rem 0; text-align: center; } .index4-box { margin: 0 auto; display: flex; } .index4-list { width: 3.54rem; flex-shrink: 0; background: rgba(40, 65, 134, 0.8000); } .index4-item { width: 100%; height: 1.66rem; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; } .index4-item img { width: 0.8rem; height: 0.8rem; } .index4-item p { font-size: 0.28rem; font-family: microsoft yahei-bold, microsoft yahei; font-weight: bold; color: #ffffff; margin-left: 0.3rem; } .index4-list .active { background: #4e6fc9; } .index4-list .active::after { content: ''; width: 0.02rem; height: 100%; background-color: #94c33a; position: absolute; left: 0; top: 0; } .index4-des-box { flex: 1; height: 6.64rem; } .index4-des { width: 100%; height: 100%; position: relative; display: none; } .index4-des:first-of-type { width: 100%; height: 100%; position: relative; display: block; } .index4-des-img { width: 100%; height: 100%; object-fit: cover; } .index4-shade { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, rgba(78,111,201, 0) 45%, rgba(78,111,201, 0.7) 100%); padding: 0.6rem; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; } .index4-shade-title { font-size: 0.28rem; font-family: microsoft yahei-bold, microsoft yahei; font-weight: bold; color: #ffffff; padding-bottom: 0.25rem; position: relative; } .index4-shade-title::after { content: ''; width: 0.4rem; height: 0.04rem; background: #94c33a; position: absolute; bottom: 0; left: 0; } .index4-shade-p { font-size: 0.2rem; font-family: microsoft yahei-regular, microsoft yahei; font-weight: 400; color: rgba(255, 255, 255, 0.9); line-height: 0.23rem; margin: 0.2rem 0 0.3rem 0; } .index4-shade-bt { padding: 0.06rem 0.16rem; background: #284186; border-radius: 0.32rem 0.32rem 0.32rem 0.32rem; font-size: 0.12rem; font-family: microsoft yahei-regular, microsoft yahei; font-weight: 400; color: #ffffff; display: flex; align-items: center; justify-content: center; } /* 第五屏 */ .index5-wrap { width: 100%; height: 100%; background-size: cover; display: flex; align-items: center; justify-content: center; } .index5 { opacity: 0; } .index5-box { margin-top: 0.6rem; display: flex; justify-content: space-between; } .index5-news { width: 3.95rem; display: flex; flex-direction: column; align-items: flex-start; } .index5-news-img { width: 100%; height: 2.2rem; margin-bottom: 0.3rem; } .index5-news-img img { width: 100%; height: 100%; object-fit: cover; } .index5-news-text { font-size: 0.24rem; font-family: microsoft yahei-bold, microsoft yahei; font-weight: bold; color: #ffffff; line-height: 0.35rem; transition: all .365s; } .index5-news-text:hover, .index5-news-p:hover{ color: #94c33a; } .index5-news-time { font-size: 0.14rem; font-family: microsoft yahei-regular, microsoft yahei; font-weight: 400; color: #ffffff; margin: 0.2rem 0; } .index5-news-p { font-size: 0.16rem; font-family: microsoft yahei-regular, microsoft yahei; font-weight: 400; color: #ffffff; line-height: 0.32rem; transition: all .365s; } .index5-news-bt { border-radius: 0.32rem 0.32rem 0.32rem 0.32rem; opacity: 1; border: 0.01rem solid #ffffff; display: flex; align-items: center; justify-content: center; padding: 0.06rem 0.16rem; margin-top: 0.3rem; font-size: 0.14rem; font-family: microsoft yahei-regular, microsoft yahei; font-weight: 400; color: #ffffff; transition: all .365s; } .index5-news-bt:hover{ background: #94c33a; transform: translatex(0.1rem); border-radius: 0.1rem; } .index5-news-bt img { width: 0.2rem 0.2rem; } .index5-news-list { width: 5.1rem; } .index5-news-item { padding: 0 0.1rem; padding-bottom: 0.3rem; border-bottom: 0.01rem solid rgba(255, 255, 255, 0.4); margin-bottom: 0.3rem; } /*.index5-news-item:hover .index5-news-text,*/ /*.index5-news:hover .index5-news-text{*/ /* color: #94c33a;*/ /*}*/ .index5-news-item:nth-child(2){ margin-bottom: 0; } .index5-news-item-bt { display: flex; justify-content: flex-end; } /*==============h5==============*/ @media screen and (max-width: 1024px) { ._tool-bar { display: none; } /*1*/ .index1-title { font-size: 26px; } .index1-text { background: transparent; font-size: 16px; text-align: center; line-height: 1.6; } /*2*/ .index2-wrap{ padding-top: 50px; } .index2-select-wrap { flex-direction: column; } .index2-select-item { margin-bottom: 15px; } .index2-select-text { font-size: 14px; } .index2-select { width: 170px; height: 30px; font-size: 14px; } .combo-select select { font-size: 14px; } .combo-select select option { font-size: 14px; } .index2-bt { width: 70px; height: 30px; font-size: 14px; } .index2-des p { font-size: 14px; } .index2swiper{ height: 300px; } /*3 综合品牌*/ .index3-wrap{ padding-top: 30px; } .index-title-cn { width: 100%; } .index3-des-wrap { flex-direction: column; padding: 15px; } .index3-des-box { justify-content: center; } .index3-des { width: fit-content; min-width: 38%; } .index3-des:nth-child(odd)::after { display: none; } .index3-des-content { margin-top: 15px; width: 100%; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .index3-des-content p { text-indent: 2em; } .index3-des-content p span{ text-align: justify; font-size: 12px !important; line-height: 1.3 !important; } .index3-list { margin-top: 0px; } .index3-shade-p { font-size: 12px; } .index3-shade-text { font-size: 16px; } .index3-list .active .index3-shade-more { font-size: 12px; } /*4*/ .index4-box { flex-direction: column-reverse; } .index4-list { width: 100%; display: flex; } .index4-item { height: 60px; } .index4-item img { width: 20px; height: 20px; } .index4-item p { margin-left: 2px; font-size: 14px; } .index4-des-img { /*height: 60vw;*/ } .index4-shade-p { font-size: 12px; line-height: 1.5; } .index4-shade-bt { min-width: 60px; height: 25px; font-size: 12px; } /*新闻 开始*/ .index5-wrap{ padding-top: 40px; } .index5-box { margin-top: 20px; flex-wrap: wrap; padding: 0 15px; } .index5-news { width: 48%; } .index5-news-list { margin-top: 15px; width: 100%; } .index5-news-img{ height: 2.3rem; } .index5-news-text { font-size: 14px; -webkit-line-clamp: 1; } .index5-news-p { font-size: 12px; line-height: 1.5; -webkit-line-clamp: 2; } .index5-news-bt { width: auto; height: 25px; font-size: 12px; } .index5-news-time { font-size: 12px; margin: 5px 0; } /*新闻 结束*/ }