*::-webkit-scrollbar { width: 0.08rem; height: 0.08rem; background-color: transparent; } *::-webkit-scrollbar-thumb { width: 0.08rem; height: 0.08rem; border-radius: 0.04rem; background-color: rgba(0, 0, 0, 0.4); } * { scrollbar-color: rgba(0, 0, 0, 0.4) transparent; scrollbar-width: thin; } body { min-width: 12.8rem; } .width1190 { width: 11.9rem; margin: 0 auto; } .swiper-banner { width: 100%; height: 100%; } .swiper-banner .swiper-slide .img { display: block; width: 100%; height: 100%; background-position: center; background-size: cover; } .swiper-banner .swiper-pagination { font-size: 0; bottom: 1.01rem; } .swiper-banner .swiper-pagination-bullet { width: 0.32rem; height: 0.04rem; background-color: rgba(237, 238, 240, 0.5); margin: 0 0.05rem !important; border-radius: 0; opacity: 1; } .swiper-banner .swiper-pagination-bullet-active { background-color: #cc281f; } .swiper-banner .txt { width: 3.64rem; background-color: rgba(239, 6, 6, 0.39); position: absolute; top: 2.1rem; right: 3.65rem; z-index: 2; padding: 0.35rem 0.32rem 0.32rem; } .swiper-banner .txt h2 { width: 2.24rem; color: #fff; font-size: 0.56rem; line-height: 0.72rem; margin-bottom: 0.13rem; } .swiper-banner .txt h3 { width: 2.78rem; color: #fff; font-size: 0.16rem; line-height: 1.5; text-transform: uppercase; margin-bottom: 0.6rem; } .swiper-banner .txt .logo { display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; } .swiper-banner .txt .logo img { display: block; width: 1.29rem; } .banner { width: 100%; height: 100%; position: relative; overflow-x: auto; overflow-y: hidden; } .banner .ber { width: 100%; height: 100%; min-width: 12.8rem; } .banner .down-more { position: absolute; left: 0.32rem; bottom: 1.87rem; z-index: 1; text-align: center; } .banner .down-more p { color: #fff; font-size: 0.14rem; writing-mode: vertical-rl; writing-mode: tb-rl; letter-spacing: 0.1rem; margin-left: 0.02rem; } .banner .down-more .line { width: 1px; height: 0.27rem; margin: 0 auto; background-color: #fff; margin-bottom: 0.24rem; } .banner .down-more img { display: block; width: 0.2rem; } .icon-down { animation: down 0.7s infinite alternate; -webkit-animation: down 0.7s infinite alternate; } .section-yw { background-color: #f9f9f9; } .body-scroll { width: 100%; height: 100%; overflow: auto; display: flex; display: -webkit-flex; } .body-scroll .b-s { min-width: 1280px; min-height: 660px; padding-left: 0.82rem; padding-right: 0.08rem; margin: auto; overflow: hidden; width: 100%; } @keyframes down { from { transform: translateY(0); -webkit-transform: translateY(0); } to { transform: translateY(-8px); -webkit-transform: translateY(-8px); } } @-webkit-keyframes down { from { transform: translateY(0); -webkit-transform: translateY(0); } to { transform: translateY(-8px); -webkit-transform: translateY(-8px); } } .header { width: 100%; position: relative; left: 0; right: 0; top: 0; z-index: 1000; } header { width: 100%; height: 0.8rem; background-color: #fff; position: relative; } header .fx { height: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; } header .logo { margin-right: 0.3rem; } header .logo img { display: block; width: 2.15rem; } header .search { padding-left: 0.2rem; position: relative; } header .search:after { content: ""; display: block; width: 1px; height: 0.2rem; background-color: #9C9C9C; position: absolute; left: 0; top: 50%; margin-top: -0.1rem; } header .search-btn { width: 0.28rem; height: 0.28rem; background: url(../images/sousuo.png) center / 100%; cursor: pointer; } .headertop { } .search-show { display: none; height: 0.32rem; } .search-show .sub { width: 100%; height: 100%; display: flex; display: -webkit-flex; } .search-show input { display: block; width: 1.4rem; height: 100%; border: 1px solid #DCDDE0; border-right: none; padding-left: 0.1rem; color: #666; font-size: 0.14rem; } .search-show input::-webkit-input-placeholder { color: #999; font-size: 0.14rem; } .search-show .btn { width: 0.3rem; height: 100%; background-color: #cc281c; background-image: url(../images/sousuo1.png); background-position: center; background-repeat: no-repeat; background-size: 100%; cursor: pointer; } .search-meng { display: none; position: fixed; top: 0.8rem; left: 0; right: 0; bottom: 0.8rem; z-index: 98; } nav { height: 100%; } nav ul { height: 100%; display: flex; display: -webkit-flex; } nav li { width: 0.8rem; height: 100%; } nav li .a { line-height: 0.8rem; text-align: center; font-size: 0; position: relative; } nav li .a a { display: inline-block; vertical-align: middle; color: #333; font-size: 0.16rem; line-height: 0.24rem; white-space: nowrap; } nav li:hover .a:after { content: ""; display: block; width: 100%; height: 0.03rem; background-color: #cc281f; position: absolute; bottom: 0; left: 0; } nav .child { display: none; position: absolute; top: 0.8rem; left: 0; right: 0; z-index: 1; background-color: rgba(249,249,249,0.5); } nav .child .sub { width: 100%; padding: 0.2rem 0; display: flex; display: -webkit-flex; } nav .child a { color: #333; font-size: 0.16rem; line-height: 0.2rem; margin-right: 0.52rem; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; } nav .child a:hover { color: #cc281c; } .tm-title .cn { color: #333; font-size: 0.28rem; line-height: 0.42rem; } .tm-title .en { color: #E2E2E2; font-size: 0.26rem; line-height: 0.36rem; text-transform: uppercase; } .section-news { padding-top: 0.8rem; } .section-left { padding-left: 82px; } .hm-news { width: 11.9rem; padding: 0.8rem 0 0; } .hm-news .head { width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; margin-bottom: 0.47rem; } .hm-news .head .mo { display: block; width: 1.2rem; height: 0.4rem; border: 1px solid #333333; font-size: 16px; line-height: 38px; text-align: center; color: #333; } .hm-news .fx { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } .hm-news .text { width: 5.1rem; height: 100%; position: relative; } .swiper-hm-news { width: 6.4rem; height: 100%; margin: 0; } .swiper-hm-news .swiper-slide .img { width: 100%; height: 100%; background-position: center; background-size: cover; } .swiper-hm-news .swiper-slide .f { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: flex-end; -webkit-align-items: flex-end; padding: 0.17rem 0.28rem 0.16rem 0.08rem; background-image: url(../images/SketchPng69a11d1fe425640f2c9f09952904572a87b3071025ae3e9685fa0a134479763e); } .swiper-hm-news .swiper-slide .txt { width: 79%; } .swiper-hm-news .swiper-slide .txt h6 { width: 100%; color: #fff; font-size: 0.28rem; line-height: 0.42rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .swiper-hm-news .swiper-slide .txt .desc { width: 100%; color: rgba(255, 255, 255, 0.7); font-size: 0.14rem; line-height: 0.22rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .swiper-hm-news .swiper-slide .date { text-align: right; color: #fff; } .swiper-hm-news .swiper-slide .date .mon { font-size: 0.14rem; line-height: 21px; font-weight: bold; } .swiper-hm-news .swiper-slide .date .y { font-size: 0.12rem; line-height: 18px; } .swiper-hm-news .pag-hm-news { width: auto; font-size: 0; top: 0.3rem; right: 0.2rem; left: auto; display: flex; display: -webkit-flex; } .swiper-hm-news .swiper-pagination-bullet { width: 0.15rem; height: 0.15rem; border: 1px solid transparent; opacity: 1; background-color: transparent; margin: 0 1px !important; display: flex; display: -webkit-flex; } .swiper-hm-news .swiper-pagination-bullet:after { content: ""; display: block; width: 0.05rem; height: 0.05rem; margin: auto; background-color: #fff; opacity: 0.5; border-radius: 50%; } .swiper-hm-news .swiper-pagination-bullet-active { border-color: #cc281f; } .swiper-hm-news .swiper-pagination-bullet-active:after { opacity: 1; } .hm-news-tab { display: flex; display: -webkit-flex; margin-bottom: 0.3rem; } .hm-news-tab a { width: 28.333%; color: #333; font-size: 0.16rem; line-height: 0.24rem; text-align: center; position: relative; } .hm-news-tab a:before { content: ""; display: block; width: 1px; height: 0.19rem; background-color: #979797; position: absolute; right: 0; top: 50%; margin-top: -0.1rem; } .hm-news-tab a:last-child:before { display: none; } .hm-news-tab a:after { content: ""; display: block; width: 0.7rem; height: 3px; background-color: #cc281c; position: absolute; left: 50%; margin-left: -0.35rem; bottom: -9px; opacity: 0; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; } .hm-news-tab a.active:after { opacity: 1; } .hm-news-list { width: 100%; } .hm-news-list .list { display: none; } .hm-news-list .items { width: 100%; } .hm-news-list .item { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; width: 100%; height: 0.72rem; background-color: #F9F9F9; margin-bottom: 0.02rem; padding: 0 0.4rem 0 0.2rem; } .hm-news-list .item .img { width: 16%; height: 100%; } .hm-news-list .item .img img { display: block; width: 100%; height: 100%; } .hm-news-list .item .date { text-align: center; } .hm-news-list .item .date .d { color: #333; font-size: 0.28rem; line-height: 0.32rem; } .hm-news-list .item .date .mon { color: #999; font-size: 0.14rem; line-height: 0.16rem; } .hm-news-list .item h6 { width: 81.55%; color: #333; font-size: 0.14rem; line-height: 0.22rem; height: 0.44rem; overflow: hidden; } .hm-news-list .item:hover .date .d { color: #cc281c; } .hm-news-list .item:hover h6 { color: #cc281c; } .hm-news-list .item.active { background-color: #F4F4F4; } .xinwen { padding: 0.8rem 0.08rem 0.8rem 0.82rem; display: flex; align-items: center; justify-content: center; position: relative; height: 100vh; min-height: 7.06rem !important; } .xinwen .header { position: absolute; left: 0; top: 0; width: 100%; height: 0.8rem; } .xinwen .hm-news { width: 11.9rem; height: 5.46rem; padding: 0; } .xinwen .hm-news .head { width: 100%; display: flex; align-items: center; justify-content: space-between; height: 0.78rem; } .xinwen .hm-news .fx { width: 100%; height: 5rem; margin-top: 0.48rem; } .zt-link { width: 100%; height: 1.24rem; display: flex; display: -webkit-flex; } .zt-link .img { width: 84%; background-position: center; background-size: cover; } .zt-link .txt { width: 16%; background: #cc281c url(../images/zt-bg.png) 0 center / auto 110% no-repeat; padding: 0.2rem 0 0; } .zt-link .txt p { color: #fff; font-size: 18px; line-height: 0.22rem; width: 0.4rem; margin: 0 auto 0.24rem; } .zt-link .txt img { display: block; width: 0.24rem; margin: 0 auto; } .left-tar { width: 0.82rem; height: 100vh; position: fixed; top: 100vh; left: 0; z-index: 100; } .left-tar.top { top: 0; } .left-tar .tar { width: 100%; height: 100%; background: url(../images/tar-bg.png) center top / 100% auto; } .left-tar .line { width: 1px; height: 99px; background-color: #fff; margin: 0 auto 0.14rem; position: relative; } .left-tar .line .red { width: 0.1rem; height: 39px; background-color: #cc281c; position: absolute; top: 0; left: -0.05rem; } .left-tar .btn-top { display: block; cursor: pointer; color: #fff; font-size: 0.14rem; line-height: 21px; writing-mode: vertical-rl; writing-mode: tb-rl; width: 0.16rem; margin: 0 auto 0.33rem; letter-spacing: 0.1rem; padding-left: 21px; } .left-tar li { position: relative; } .left-tar li a img { display: block; width: 27px; margin: 0 auto; } .left-tar li .child { display: none; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .section-yw { background-color: #F9F9F9; } .hm-yw .fx { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } .hm-yw .tm-title { margin-bottom: 0.39rem; } .hm-yw .text { width: 3.5rem; } .hm-yw .text .desc { color: #333; font-size: 0.16rem; line-height: 0.3rem; height: 1.2rem; margin-bottom: 0.5rem; } .hm-yw .text .map { width: 100%; height: 1.74rem; margin-bottom: 0.8rem; } .hm-yw .text .map img { height: 100%; width: 100%; } .hm-yw .content { width: 11.23rem; } .bankuai { display: flex; align-items: center; justify-content: center; } .bankuai .fx { width: 11.9rem; height: 6.35rem; } .bankuai .fx .text { width: 3.5rem; height: 100%; margin-right: 0.4rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; } .bankuai .fx .text .desc, .bankuai .fx .text .map { width: 100%; flex: 1; } .bankuai .fx .content { width: 8rem; flex: 1; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; position: relative; } .bankuai .fx .content .hm-yw-list { position: absolute; top: 0; left: 0; z-index: 1; width: calc(100vw / 2 + (11.9rem / 2 - 0.4rem)); height: 5.5rem; } .bankuai .fx .content .hm-yw-list .list { height: 100%; width: 100%; } .bankuai .fx .content .hm-yw-list .list .item { height: 100%; width: 100%; } .bankuai .fx .content .hm-yw-tab { position: relative; z-index: 2; } .bt-link { width: 3.4rem; height: 0.85rem; display: flex; display: -webkit-flex; border-left: 0.02rem solid #cc281c; background-color: #fff; } .bt-link .tx { width: 73%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; padding-left: 0.2rem; } .bt-link .tx p { color: #333; font-size: 0.24rem; line-height: 0.29rem; width: 0.52rem; margin-right: 0.09rem; } .bt-link .tx span { color: #efefef; font-size: 0.2rem; line-height: 0.3rem; width: 1.15rem; text-transform: uppercase; } .bt-link .icon { width: 27%; display: flex; display: -webkit-flex; } .bt-link .icon img { width: 0.21rem; margin: auto; } .bt-link .icon .s { display: block; } .bt-link .icon .h { display: none; } .bt-link:hover .icon { background-color: #cc281c; } .bt-link:hover .icon .s { display: none; } .bt-link:hover .icon .h { display: block; } .hm-yw-list { width: 100%; } .hm-yw-list .list { opacity: 0; position: absolute; top: 0; left: 0; } .hm-yw-list .item { width: 100%; height: 5.4rem; position: relative; } .hm-yw-list .item .img { width: 100%; height: 100%; background-position: center; background-size: cover; } .hm-yw-list .item .p { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 1.04rem; line-height: 1.04rem; background-color: rgba(0, 0, 0, 0.4); padding: 0 0.32rem; } .hm-yw-list .item h6 { width: 65%; display: inline-block; vertical-align: middle; color: #fff; font-size: 0.14rem; line-height: 0.24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 0.2rem; position: relative; } .hm-yw-list .item h6:after { content: ""; display: block; width: 8px; height: 8px; background-color: #cc281c; position: absolute; left: 0; top: 50%; margin-top: -4px; } .hm-yw-tab { display: flex; display: -webkit-flex; } .hm-yw-tab a { width: 1.86rem; height: 0.85rem; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; color: #333; font-size: 0.16rem; line-height: 0.28rem; position: relative; } .hm-yw-tab a:after { content: ""; display: block; width: 1px; height: 0.28rem; background-color: #999; position: absolute; right: 0; top: 50%; margin-top: -0.14rem; } .hm-yw-tab a:before { content: ""; display: block; width: 100%; height: 0.08rem; background-color: #cc281c; position: absolute; left: 0; top: -0.08rem; z-index: 2; background-color: transparent; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; } .hm-yw-tab a:last-child:after { display: none; } .hm-yw-tab a.active { background-color: #cc281c; color: #fff; } .hm-yw-tab a.active:before { background-color: #cc281c; } .hm-vs .head { width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; margin-bottom: 0.32rem; } .hm-vs .head .mo { display: block; width: 1.2rem; height: 0.4rem; border: 1px solid #333333; font-size: 16px; line-height: 38px; text-align: center; color: #333; } .hm-vs .video-bg { width: 11.1rem; margin: 0 auto; padding-top: 0.71rem; background: url(../images/pic_gtvs_ht.png) center top / 100% auto no-repeat; } .hm-vs .video { width: 100%; position: relative; } .hm-vs .video video { display: block; width: 100%; height: 6.25rem; background-color: #000; object-fit: cover; } .hm-vs .video .icon-play { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 0.86rem; cursor: pointer; } .hm-vs .video .s { opacity: 1; } .hm-vs .video .h { opacity: 0; } .hm-vs .video:hover .s { opacity: 0; } .hm-vs .video:hover .h { opacity: 1; } .hm-dt .head { width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; margin-bottom: 0.47rem; } .hm-dt .head .mo { display: block; width: 1.2rem; height: 0.4rem; border: 1px solid #333333; font-size: 16px; line-height: 38px; text-align: center; color: #333; } .hm-dt .fx { width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } .hm-dt .swiper { width: 61.75%; position: relative; } .hm-dt .wen { background-color: #cc281c; width: 388px; height: 72px; position: absolute; bottom: 0; left: 0; z-index: 2; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; padding: 0 0.2rem; } .hm-dt .prev-next { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .hm-dt .prev-next span { width: 1px; height: 0.15rem; background-color: rgba(255, 255, 255, 0.7); } .hm-dt .swiper-button-prev, .hm-dt .swiper-button-next { position: static; margin-top: 0; width: 9px; height: 13px; background-size: 100%; margin: 0 0.19rem; } .hm-dt .swiper-button-prev { background-image: url(../images/zuo.png); } .hm-dt .swiper-button-next { background-image: url(../images/you.png); } .hm-dt .item { width: 18.3%; height: 4.8rem; background-position: center; background-size: cover; } .swiper-hm-dt { width: 100%; height: 4.8rem; margin: 0; } .swiper-hm-dt .swiper-slide { display: block; } .swiper-hm-dt .swiper-slide .img { width: 100%; height: 100%; background-position: center; background-size: cover; } .swiper-hm-dt .swiper-pagination { width: auto; top: 0.24rem; left: 0.29rem; bottom: auto; display: flex; display: -webkit-flex; } .swiper-hm-dt .swiper-pagination-bullet { width: 0.15rem; height: 0.15rem; opacity: 1; display: flex; display: -webkit-flex; background-color: transparent; margin: 0 2px !important; } .swiper-hm-dt .swiper-pagination-bullet:after { content: ""; display: block; width: 0.05rem; height: 0.05rem; margin: auto; border-radius: 50%; background-color: #fff; opacity: 0.49; } .swiper-hm-dt .swiper-pagination-bullet-active { background-color: rgba(255, 255, 255, 0.33); } .swiper-hm-dt-thumbs { width: 2.1rem; margin: 0; } .swiper-hm-dt-thumbs .swiper-slide { display: block; color: #fff; font-size: 0.24rem; line-height: 0.31rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hm-fc { width: 100%; height: 100%; min-height: 9.33rem; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; overflow: hidden; } .hm-fc .title { width: 100%; background: url(../images/qyfcbg.png) center / cover; padding: 0.6rem 0 0.4rem; } .hm-fc .title .t { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; margin-bottom: 0.15rem; } .hm-fc .title .t span { position: relative; color: #333; font-size: 0.28rem; line-height: 0.42rem; } .hm-fc .title .t span:before, .hm-fc .title .t span:after { content: ""; display: block; width: 27px; height: 0.06rem; position: absolute; top: 50%; margin-top: -3px; background-size: 100%; } .hm-fc .title .t span:before { left: -0.43rem; background-image: url(../images/qyfczuo.png); } .hm-fc .title .t span:after { right: -0.43rem; background-image: url(../images/qyfcyou.png); } .hm-fc .title .t b { color: #E73918; font-weight: normal; } .hm-fc .title .en { color: #999; font-size: 0.14rem; line-height: 0.24rem; text-transform: uppercase; text-align: center; letter-spacing: 0.15rem; } .hm-fc .swiper { width: 100%; } footer { width: 100%; background-color: #29292C; } footer .sh { width: 100%; padding: 0.36rem 0 0.25rem; border-bottom: 1px solid #4A4A4A; } footer .fx { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } footer .logo { margin-bottom: 2.753468vh; } footer .logo img { display: block; height: 2.881536vh; } footer .addr { color: rgba(255, 255, 255, 0.3); font-size: 0.12rem; line-height: 0.22rem; } footer .erweima { text-align: center; } footer .erweima img { display: block; width: 0.88rem; margin-bottom: 0.12rem; } footer .erweima p { color: #fff; font-size: 0.12rem; line-height: 0.16rem; opacity: 0.35; } footer .btm { text-align: center; padding: 0.17rem 0 0.16rem; white-space: nowrap; } footer .btm span { color: #fff; font-size: 0.12rem; line-height: 0.16rem; opacity: 0.36; } footer .btm span a { color: #fff; font-size: 0.12rem; line-height: 0.16rem; } footer .btm .f { color: #fff; font-size: 0.12rem; line-height: 0.16rem; opacity: 0.6; } .f-tab { width: 5.6rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin-bottom: 0.29rem; } .f-tab li { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; cursor: pointer; } .f-tab li span { color: #fff; font-size: 0.14rem; line-height: 0.19rem; opacity: 0.4; margin-right: 0.08rem; } .f-tab li img { display: block; opacity: 0.4; width: 0.16rem; } .f-tab li.active span, .f-tab li.active img { opacity: 1; } .f-tab li.active img { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .f-tab-list { width: 5.6rem; min-height: 0.66rem; } .f-tab-list .list { display: none; } .f-tab-list a { color: #fff; font-size: 0.12rem; line-height: 0.22rem; margin-right: 0.06rem; opacity: 0.3; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; } .f-tab-list a:hover { opacity: 1; } .f-tab-list span { color: #fff; opacity: 0.4; margin-right: 0.06rem; } .f-tab-list span:last-child { display: none; } .ins-header { z-index: 100; } .ins-banner { width: 100%; height: 3.97rem; position: relative; } .ins-banner .img { width: 100%; height: 82%; background-position: center; background-size: cover; } .ins-banner .txt { position: absolute; top: 2.02rem; left: 0; right: 0; } .ins-banner .txt h3 { color: #fff; font-size: 0.48rem; line-height: 0.67rem; } .ins-nav { width: 100%; background-color: #F9F9F9; margin-top: -0.72rem; position: relative; z-index: 2; } .ins-nav .fx { display: flex; display: -webkit-flex; } .ins-nav .item { flex: auto; -webkit-flex: auto; height: 0.72rem; line-height: 0.72rem; color: #000; font-size: 0.16rem; text-align: center; position: relative; } .ins-nav .item:after { content: ""; display: block; width: 1px; height: 0.24rem; background-color: #D6D6D6; position: absolute; right: 0; top: 50%; margin-top: -0.12rem; } .ins-nav .item:last-child:after { display: none; } .ins-nav .item.active { background-color: #cc281c; color: #fff; } .ins-nav .item.active:after { background-color: #cc281c; } .ins-title .cn { color: #333; font-size: 0.28rem; line-height: 0.42rem; } .ins-title .en { color: #E2E2E2; font-size: 0.26rem; line-height: 0.36rem; text-transform: uppercase; } .intro-head { padding: 0.65rem 0 0; } .intro-head .ins-title { margin-bottom: 0.51rem; } .intro-head .content { width: 100%; } .intro-head .fx { width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin-bottom: 0.56rem; } .intro-head .fx:nth-child(even) { flex-direction: row-reverse; -webkit-flex-direction: row-reverse; } .intro-head .desc { width: 47%; color: #333; font-size: 0.16rem; line-height: 2; } .intro-head .img { width: 47%; } .intro-head .img img { display: block; width: 100%; } .intro-zs { width: 100%; background-color: #F9F9F9; padding: 0.65rem 0 0.62rem; } .intro-zs .ins-title { margin-bottom: 0.47rem; } .intro-zs .items { width: 100%; padding: 0 0 0.35rem; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .intro-zs .item { width: 19.32%; margin-right: 0.85%; margin-bottom: 0.3rem; } .intro-zs .item:nth-child(5n) { margin-right: 0; } .intro-zs .item .img { width: 100%; height: 1.2rem; display: flex; display: -webkit-flex; background-color: #fff; border: 1px solid #D9D9D9; border-bottom: none; } .intro-zs .item .img img { display: block; margin: auto; max-width: 80%; max-height: 90%; } .intro-zs .item p { text-align: center; width: 100%; height: 0.4rem; background-color: #E1E1E1; color: #333; font-size: 0.12rem; line-height: 0.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .w-link { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } .w-link .link { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .w-link .link span { color: #333; font-size: 0.16rem; line-height: 0.24rem; margin: 0 0.08rem; } .w-link .link img { width: 0.18rem; height: 0.18rem; } .w-link .link .s { display: block; } .w-link .link .h { display: none; } .w-link .link:hover .s { display: none; } .w-link .link:hover .h { display: block; } .intro-detail { padding: 0.64rem 0 0.87rem; } .intro-detail .brand { margin-bottom: 0.41rem; } .intro-detail .title { position: relative; margin-bottom: 0.38rem; } .intro-detail .title h4 { color: #333; font-size: 0.28rem; line-height: 0.42rem; font-weight: bold; text-align: center; } .intro-detail .title .link { position: absolute; right: 0; top: 0; display: block; width: 1.42rem; height: 0.4rem; border: 1px solid #333; color: #333; font-size: 0.14rem; line-height: 0.38rem; text-align: center; } .intro-detail .desc { color: #333; font-size: 0.16rem; line-height: 2; } .brand a, .brand span { color: #333; font-size: 0.14rem; line-height: 0.19rem; } .leader { padding: 0.65rem 0; } .leader-items { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; align-items: center; -webkit-align-items: center; } .leader-items .items { padding: 0.47rem 0 0.33rem; } .leader-items .item { display: flex; align-items: center; margin-bottom: 0.32rem; } .leader-items .item .name { width: 0.66rem; color: #333; font-size: 0.22rem; line-height: 0.33rem; margin-right: 0.24rem; text-align: justify; text-align-last: justify; } .leader-items .item .z { color: #333; font-size: 0.18rem; line-height: 0.27rem; } .struc { padding: 0.65rem 0 0.75rem; } .struc .ins-title { margin-bottom: 0.47rem; } .struc .img { width: 100%; } .struc .img img { display: block; max-width: 100%; margin: 0 auto; } .struc-jg { width: 100%; background-color: #F9F9F9; padding: 0.65rem 0 0.62rem; } .struc-jg .ins-title { margin-bottom: 0.47rem; } .struc-jg .img { width: 100%; margin-bottom: 0.65rem; } .struc-jg .img img { display: block; max-width: 100%; margin: 0 auto; } .fzzl { padding: 0.65rem 0 0.62rem; } .fzzl .ins-title { margin-bottom: 0.48rem; } .fzzl h3 { color: #333; font-size: 0.24rem; line-height: 0.42rem; text-align: center; margin-bottom: 0.18rem; } .fzzl .img { width: 100%; margin-bottom: 0.65rem; } .fzzl .img img { display: block; max-width: 100%; margin: 0 auto; } .culture { padding: 0.65rem 0 0.64rem; } .culture .ins-title { margin-bottom: 0.47rem; } .culture .content { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin-bottom: 0.7rem; } .culture .wen { width: 2.62rem; background-color: #efefee; padding: 0rem 0.25rem 0; } .culture .wen .logo { display: block; width: 100%; margin-bottom: 1.1rem; } .culture .wen .desc { color: #333; font-size: 0.18rem; line-height: 0.28rem; } .culture .items { width: 9.18rem; } .culture .item { width: 100%; height: 1.8rem; position: relative; background-position: center; background-size: cover; margin-bottom: 0.1rem; overflow: hidden; } .culture .item:last-child { margin-bottom: 0; } .culture .item:nth-child(odd) .meng { background-color: rgba(13, 73, 143, 0.3); } .culture .item:nth-child(even) .meng { background-color: rgba(91, 151, 213, 0.3); } .culture .item .tit { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; text-align: center; } .culture .item .tit h5 { color: #fff; font-size: 0.3rem; margin-bottom: 0.15rem; } .culture .item .tit .en { color: rgba(255, 255, 255, 0.5); font-size: 0.16rem; letter-spacing: 0.03rem; } .culture .item .desc { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; z-index: 2; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; color: #fff; font-size: 0.3rem; } .culture .item:hover .tit { top: -100%; } .culture .item:hover .desc { top: 0; } .ywbk { padding: 0.65rem 0; } .ywbk .ins-title { margin-bottom: 0.44rem; } .ywbk .desc { color: #333; font-size: 0.16rem; line-height: 2; margin-bottom: 0.7rem; } .ywbk .desc img { max-width: 100%; height: initial !important; } .ywbk-gh .ins-title { margin-bottom: 0.41rem; } .ywbk-gh .desc { margin-bottom: 0.46rem; } .ywbk-gh .shu { width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin-bottom: 0.54rem; } .ywbk-gh .shu li { text-align: center; } .ywbk-gh .shu li .t { color: #cc281c; font-size: 0.17rem; line-height: 0.2rem; margin-bottom: 0.12rem; } .ywbk-gh .shu li .t span { font-size: 100px; line-height: 1; } .ywbk-gh .shu li p { color: #333; font-size: 0.16rem; line-height: 0.19rem; } .ywbk-gh-tab { display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; margin-bottom: 0.52rem; } .ywbk-gh-tab a { text-align: center; } .ywbk-gh-tab a img { display: block; height: 0.48rem; margin: 0 auto 0.16rem; } .ywbk-gh-tab a p { color: #333; font-size: 0.28rem; line-height: 0.42rem; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; } .ywbk-gh-tab a:hover p { color: #cc281c; } .ywbk-gh-list { width: 100%; margin-bottom: 0.49rem; } .ywbk-gh-list .list { display: none; width: 100%; } .gh-tab { width: 100%; display: flex; display: -webkit-flex; margin-bottom: 0.49rem; } .gh-tab li { flex: 1; -webkit-flex: 1; color: #333; font-size: 0.18rem; line-height: 0.25rem; padding-bottom: 0.13rem; border-bottom: 1px solid #979797; text-align: center; cursor: pointer; position: relative; } .gh-tab li:after { content: ""; display: block; width: 100%; height: 0.05rem; background-color: #cc281c; position: absolute; bottom: -0.03rem; left: 0; opacity: 0; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; } .gh-tab li.active:after { opacity: 1; } .gh-list { width: 100%; } .gh-list .lis { display: none; } .gh-list .items { width: 100%; } .gh-list .item { width: 100%; height: 2.9rem; background-position: center; background-size: cover; margin-bottom: 0.16rem; overflow: hidden; text-align: center; position: relative; } .gh-list .item .t { position: absolute; bottom: 0; left: 0; width: 100%; height: 0.4rem; color: #fff; font-size: 0.16rem; line-height: 0.4rem; background: linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); -webkit-background: linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); background: -webkit-gradient(linear, 270deg, color-stop(0%, rgba(0, 0, 0, 0.41)), color-stop(100%, rgba(0, 0, 0, 0.57))); background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); background: -o-linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); background: -ms-linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); } .gh-list .item .meng { width: 100%; height: 100%; position: absolute; top: 100%; left: 0; background: linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); background: -webkit-gradient(linear, 270deg, color-stop(0%, rgba(0, 0, 0, 0.41)), color-stop(100%, rgba(0, 0, 0, 0.57))); background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); background: -ms-linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); background: -o-linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); padding: 0.08rem 0.27rem; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; } .gh-list .item h6 { color: #fff; font-size: 0.16rem; line-height: 0.24rem; margin-bottom: 0.26rem; } .gh-list .item .con { color: #fff; font-size: 0.14rem; line-height: 0.2rem; } .gh-list .item:hover .t { bottom: -0.4rem; } .gh-list .item:hover .meng { top: 0; } .ywbk-cy .desc { margin-bottom: 0.32rem; } .ywbk-cy .imgs { width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; padding: 0 0 0.55rem; } .ywbk-cy .img { width: 49.58%; height: 2.67rem; margin-bottom: 0.1rem; background-position: center; background-size: cover; overflow: hidden; text-align: center; position: relative; } .ywbk-cy .img .t { position: absolute; bottom: 0; left: 0; width: 100%; height: 0.4rem; color: #fff; font-size: 0.16rem; line-height: 0.4rem; background: linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); -webkit-background: linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); background: -webkit-gradient(linear, 270deg, color-stop(0%, rgba(0, 0, 0, 0.41)), color-stop(100%, rgba(0, 0, 0, 0.57))); background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); background: -o-linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); background: -ms-linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); } .ywbk-cy .img .meng { width: 100%; height: 100%; position: absolute; top: 100%; left: 0; background: linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); background: -webkit-gradient(linear, 270deg, color-stop(0%, rgba(0, 0, 0, 0.41)), color-stop(100%, rgba(0, 0, 0, 0.57))); background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); background: -ms-linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); background: -o-linear-gradient(270deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.57) 100%); padding: 0.08rem 0.27rem; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; } .ywbk-cy .img h6 { color: #fff; font-size: 0.16rem; line-height: 0.24rem; margin-bottom: 0.26rem; } .ywbk-cy .img .con { color: #fff; font-size: 0.14rem; line-height: 0.2rem; } .ywbk-cy .img:hover .t { bottom: -0.4rem; } .ywbk-cy .img:hover .meng { top: 0; } .ywbk-crtz .desc { margin-bottom: 0.69rem; } .news-head { padding: 0.66rem 0; } .news-head .flex { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; margin-bottom: 0.47rem; } .layui-scelct { display: flex; display: -webkit-flex; } .layui-scelct .layui-input { width: 1.3rem; height: 0.32rem; border: 1px solid #DCDDE0; } .layui-scelct .layui-form-select { margin-left: 0.36rem; } .layui-scelct .layui-form-select .layui-edge { border-top-color: #000; } .swiper-news-head { width: 100%; } .swiper-news-head .swiper-slide { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } .swiper-news-head .swiper-slide .txt { width: 45.96%; } .swiper-news-head .swiper-slide .txt .t { display: block; color: #333; font-size: 0.22rem; line-height: 0.44rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0.16rem; } .swiper-news-head .swiper-slide .txt .desc { color: #333; font-size: 0.14rem; line-height: 2; height: 2.52rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; margin-bottom: 0.61rem; } .swiper-news-head .swiper-slide .txt .f { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; } .swiper-news-head .swiper-slide .txt .date { color: #999; font-size: 0.12rem; line-height: 0.18rem; } .swiper-news-head .swiper-slide .txt .mo { color: #cc281c; font-size: 0.12rem; line-height: 0.18rem; text-decoration: underline; } .swiper-news-head .swiper-slide .img { display: block; width: 50%; height: 3.9rem; background-position: center; background-size: cover; } .swiper-news-head .swiper-slide .img img { width: 100%; height: 100%; object-fit: cover; } .swiper-news-head .pag-news-head { width: auto; left: auto; right: 25%; display: flex; display: -webkit-flex; margin-right: -0.22rem; } .swiper-news-head .swiper-pagination-bullet { display: flex; display: -webkit-flex; width: 0.13rem; height: 0.13rem; margin: 0 1px !important; opacity: 1; background-color: transparent; } .swiper-news-head .swiper-pagination-bullet:after { content: ""; display: block; width: 0.05rem; height: 0.05rem; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); margin: auto; } .swiper-news-head .swiper-pagination-bullet-active { background-color: #cc281c; } .swiper-news-head .swiper-pagination-bullet-active:after { background-color: #fff; } .news { width: 100%; padding: 0.65rem 0; } .news-items { width: 100%; padding: 0 0 0.48rem; } .news-items .item { width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; padding: 0.35rem 0.4rem 0.32rem 0; border-bottom: 1px solid #DFDFDF; } .news-items .item .date { width: 14.95%; text-align: center; position: relative; } .news-items .item .date:after { content: ""; display: block; width: 1px; height: 0.77rem; background-color: #DFDFDF; position: absolute; right: 0; top: 50%; margin-top: -0.38rem; } .news-items .item .date .d { color: #333; font-size: 0.32rem; line-height: 0.48rem; } .news-items .item .date .mon { color: #999; font-size: 0.14rem; line-height: 0.22rem; } .news-items .item .txt { width: 81.47%; } .news-items .item .txt h6 { color: #333; font-size: 0.16rem; line-height: 0.24rem; font-weight: bold; margin-bottom: 0.07rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-items .item .txt .desc { color: #333; font-size: 0.14rem; line-height: 0.22rem; height: 0.44rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news-items .item:hover .date .d { color: #cc281c; } .news-items .item:hover .txt h6 { color: #cc281c; } .news-media-items .date .d { font-size: 0.24rem; } .page { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; } .page strong, .page a, .page span { height: 0.4rem; line-height: 0.38rem; border: 1px solid #D5D5D5; margin: 0 2px; background-color: #fff; padding: 0 0.1rem; min-width: 0.32rem; text-align: center; font-size: 0.16rem; color: #333; } .page strong { background-color: #cc281c; border-color: #cc281c; color: #fff; } .page span { color: #999; } .page .j { color: #333; font-size: 0.16rem; margin-left: 0.18rem; } .page .j input { width: 0.4rem; height: 0.4rem; border: 1px solid #D5D5D5; text-align: center; margin: 0 0.04rem; background-color: #fff; font-size: 0.16rem; color: #333; } .news-detail { padding: 0.41rem 0 0.64rem; } .news-detail .brand { margin-bottom: 0.42rem; } .news-detail h2 { color: #333; font-size: 0.28rem; line-height: 0.42rem; font-weight: bold; text-align: center; margin-bottom: 0.25rem; } .news-detail h3 { color: #666; font-size: .24rem; font-weight: bold; text-align: center; margin-bottom: .3rem; } .news-detail .basic { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; margin-bottom: 0.33rem; } .news-detail .basic span { color: #999; font-size: 0.12rem; line-height: 0.17rem; margin: 0 0.15rem; } .news-detail .desc { color: #333; font-size: 0.16rem; line-height: 0.32rem; margin-bottom: 0.77rem; } .news-detail .desc p { text-indent: 2em; } .news-detail .desc img { max-width: 100%; height: initial !important; } .p-n { width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } .p-n .a { width: 39%; display: flex; display: -webkit-flex; } .p-n .a .t, .p-n .a a { font-size: 0.14rem; line-height: 0.22rem; white-space: nowrap; } .p-n .a .t { color: #999; } .p-n .a a { color: #333; overflow: hidden; text-overflow: ellipsis; } .vshi { padding: 0.66rem 0 0.65rem; } .vshi .ins-title { margin-bottom: 0.47rem; } .vshi .fx { width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } .vshi .video { width: 72.2%; height: 4.84rem; position: relative; } .vshi .video video { display: block; width: 100%; height: 100%; } .vshi .video h6 { color: #fff; font-size: 0.26rem; line-height: 0.35rem; position: absolute; left: 0.3rem; top: 0.19rem; } .vshi .video .icon-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 0.86rem; } .vshi .video .s { opacity: 1; } .vshi .video .h { opacity: 0; } .vshi .video:hover .s { opacity: 0; } .vshi .video:hover .h { opacity: 1; } .vshi .items { width: 26.9%; } .vshi .item { display: block; width: 100%; height: 1.8rem; margin-bottom: 0.1rem; position: relative; background-position: center; background-size: cover; } .vshi .item .meng { width: 100%; height: 1.42rem; position: absolute; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(38, 50, 57, 0) 0%, #263239 100%); background: -webkit-linear-gradient(top, rgba(38, 50, 57, 0) 0%, #263239 100%); background: -webkit-gradient(linear, top, color-stop(0%, rgba(38, 50, 57, 0)), color-stop(100%, #263239)); background: -moz-linear-gradient(top, rgba(38, 50, 57, 0) 0%, #263239 100%); background: -ms-linear-gradient(top, rgba(38, 50, 57, 0) 0%, #263239 100%); background: -o-linear-gradient(top, rgba(38, 50, 57, 0) 0%, #263239 100%); } .vshi .item h6 { color: #fff; font-size: 0.16rem; line-height: 0.22rem; position: absolute; left: 0; bottom: 0.2rem; width: 100%; padding: 0 0.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .more { display: block; width: 100%; height: 104px; background-position: center; background-size: cover; } .more .meng { width: 100%; height: 100%; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; background-color: rgba(0, 0, 0, 0.7); } .more .meng span { color: #fff; font-size: 0.18rem; line-height: 0.21rem; margin-right: 1.05rem; } .more .meng img { width: 0.26rem; height: 0.26rem; } .more .meng .s { display: block; } .more .meng .h { display: none; } .more .meng:hover .s { display: none; } .more .meng:hover .h { display: block; } .vshi-news { width: 100%; padding: 0.65rem 0 0.62rem; background-color: #F9F9F9; } .vshi-news .title { width: 100%; margin-bottom: 0.48rem; } .vshi-news .title .t { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; margin-bottom: 4px; } .vshi-news .title .t span { position: relative; color: #333; font-size: 0.28rem; line-height: 0.42rem; } .vshi-news .title .t span:before, .vshi-news .title .t span:after { content: ""; display: block; width: 0.27rem; height: 0.06rem; position: absolute; top: 50%; margin-top: -0.03rem; background-size: 100%; } .vshi-news .title .t span:before { left: -0.43rem; background-image: url(../images/qyfczuo.png); } .vshi-news .title .t span:after { right: -0.43rem; background-image: url(../images/qyfcyou.png); } .vshi-news .title .t b { color: #E73918; font-weight: normal; } .vshi-news .title .en { color: #999; font-size: 0.16rem; line-height: 0.33rem; text-transform: uppercase; text-align: center; letter-spacing: 0.15rem; } .vshi-news .w-link { padding-top: 0.32rem; } .vshi-items { width: 100%; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .vshi-items .item { display: block; width: 24.4%; margin-right: 0.8%; margin-bottom: 0.34rem; } .vshi-items .item:nth-child(4n) { margin-right: 0; } .vshi-items .item .img { width: 100%; height: 1.64rem; background-position: center; background-size: cover; position: relative; margin-bottom: 0.1rem; } .vshi-items .item .meng { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 1.13rem; background: linear-gradient(to bottom, rgba(38, 50, 57, 0) 0%, #263239 100%); background: -webkit-linear-gradient(top, rgba(38, 50, 57, 0) 0%, #263239 100%); background: -webkit-gradient(linear, top, color-stop(0%, rgba(38, 50, 57, 0)), color-stop(100%, #263239)); background: -moz-linear-gradient(top, rgba(38, 50, 57, 0) 0%, #263239 100%); background: -ms-linear-gradient(top, rgba(38, 50, 57, 0) 0%, #263239 100%); background: -o-linear-gradient(top, rgba(38, 50, 57, 0) 0%, #263239 100%); } .vshi-items .item .f { position: absolute; bottom: 0.18rem; left: 0; z-index: 2; width: 100%; padding: 0 0.2rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } .vshi-items .item .time, .vshi-items .item .date { color: #fff; font-size: 0.16rem; line-height: 0.21rem; } .vshi-items .item h6 { color: #333; font-size: 0.16rem; line-height: 0.21rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .more2 { display: block; width: 24.4%; } .more2 .img { width: 100%; height: 1.64rem; background-position: center; background-size: cover; position: relative; margin-bottom: 0.1rem; } .more2 .meng { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); display: flex; display: -webkit-flex; } .more2 .meng img { width: 0.56rem; height: 0.56rem; margin: auto; } .more2 .meng .s { display: block; } .more2 .meng .h { display: none; } .more2 p { color: #333; font-size: 0.16rem; line-height: 0.21rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .more2:hover .meng .s { display: none; } .more2:hover .meng .h { display: block; } .more2:hover p { color: #cc281c; } .vshi-news-list { padding: 0.4rem 0 0.34rem; } .vshi-news-list .brand { margin-bottom: 0.4rem; } .vshi-news-list .flex { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; } .vshi-news-list .layui-scelct { margin-bottom: 0.48rem; } .vshi-news-list .vn-tit { color: #333; font-size: 0.22rem; line-height: 0.33rem; margin-bottom: 0.48rem; } .vshi-news-list .vshi-items { padding: 0 0 0.32rem; } .vshi-detail { padding: 0.4rem 0 0.66rem; } .vshi-detail .brand { margin-bottom: 0.44rem; } .vshi-detail h2 { color: #333; font-size: 0.24rem; line-height: 0.42rem; text-align: center; margin-bottom: 0.2rem; } .vshi-detail .b { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; margin-bottom: 0.33rem; } .vshi-detail .b span { color: #999; font-size: 0.14rem; line-height: 0.19rem; margin: 0 0.15rem; } .vshi-detail .video { width: 100%; position: relative; margin-bottom: 0.32rem; } .vshi-detail .video video { display: block; width: 100%; height: 100%; } .vshi-detail .video h6 { color: #fff; font-size: 0.26rem; line-height: 0.35rem; position: absolute; left: 0.3rem; top: 0.19rem; } .vshi-detail .video .icon-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 0.86rem; } .vshi-detail .video .s { opacity: 1; } .vshi-detail .video .h { opacity: 0; } .vshi-detail .video:hover .s { opacity: 0; } .vshi-detail .video:hover .h { opacity: 1; } .news-cydt .flex { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; margin-bottom: 0.47rem; } .news-ztbd { padding: 0.64rem 0 1.26rem; } .news-ztbd .ins-title { margin-bottom: 0.59rem; } .news-ztbd .items { width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; padding: 0 0 0.7rem; } .news-ztbd .item { display: block; width: 47.9%; height: 3.72rem; margin-bottom: 0.16rem; background-position: center; background-size: cover; } .ygfc { padding: 0.65rem 0; } .ygfc .flex { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; margin-bottom: 0.47rem; } .ygfc .flex .mo { display: block; width: 1.2rem; height: 0.4rem; border: 1px solid #333333; font-size: 16px; line-height: 38px; text-align: center; color: #333; } .ygfc-items { width: 100%; } .ygfc-items .item { display: block; width: 100%; padding: 0.33rem 0 0.35rem; border-bottom: 1px solid #DFDFDF; } .ygfc-items .item h6 { color: #333; font-size: 0.16rem; line-height: 0.24rem; font-weight: bold; margin-bottom: 0.07rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ygfc-items .item .desc { color: #333; font-size: 0.14rem; line-height: 0.22rem; height: 0.44rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ygfc-items .item:hover h6 { color: #cc281c; } .ygtd { width: 100%; background-color: #F9F9F9; padding: 0.65rem 0 0.62rem; overflow: hidden; } .ygtd .ins-title { margin-bottom: 0.52rem; } .ygtd .w-link { padding: 0.34rem 0 0; } .swiper-ygtd { width: 19.2rem; height: 2.51rem; margin-bottom: 0.1rem; overflow: visible; } .swiper-ygtd .swiper-wrapper { transition-timing-function: linear; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; } .swiper-ygtd .swiper-slide .img { display: block; width: 100%; height: 100%; position: relative; } .swiper-ygtd .swiper-slide .img img { display: block; width: 100%; height: 100%; object-fit: cover; } .swiper-ygtd .swiper-slide .txt { position: absolute; bottom: 0; left: 0; right: 0; z-index: 100; background-color: rgba(0, 0, 0, 0.5); text-align: center; padding: 0.1rem 0; opacity: 0; } .swiper-ygtd .swiper-slide .txt p { color: #fff; font-size: 0.15rem; line-height: 2; } .swiper-ygtd .swiper-slide:hover .img { transform: scale(1.175); -webkit-transform: scale(1.175); z-index: 1; } .swiper-ygtd .swiper-slide:hover .txt { opacity: 1; } .ygfc-more { padding: 0.4rem 0 0.65rem; } .ygfc-more .brand { margin-bottom: 0.41rem; } .ygfc-more .ygfc-items { margin-bottom: 0.65rem; } .jdjb { padding: 0.65rem 0 0.62rem; } .jdjb .ins-title { margin-bottom: 0.1rem; } .jdjb .desc { color: #333; font-size: 0.16rem; line-height: 0.4rem; margin-bottom: 0.97rem; } .ygzp { padding: 0.64rem 0 0.67rem; } .ygzp .flex { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; margin-bottom: 0.52rem; } .ygzp .zhao-link { display: block; width: 1.2rem; height: 0.4rem; border: 1px solid #333; color: #333; font-size: 0.14rem; line-height: 0.38rem; text-align: center; } .ygzp .title { text-align: center; color: #333; font-size: 0.28rem; line-height: 0.42rem; font-weight: bold; margin-bottom: 0.21rem; } .ygzp .basic { display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; margin-bottom: 33px; } .ygzp .basic span { color: #999; font-size: 12px; line-height: 17px; } .ygzp .desc { color: #333; font-size: 0.16rem; line-height: 0.3rem; margin-bottom: 0.48rem; } .ygzp .dl { padding-top: 0.32rem; border-top: 1px solid #999; margin-bottom: 0.64rem; } .ygzp .dl a { display: block; color: #036CF0; font-size: 0.16rem; line-height: 0.26rem; } .rcpy { padding: 0.66rem 0 0.62rem; } .rcpy .ins-title { margin-bottom: 0.37rem; } .rcpy-items { width: 100%; } .rcpy-items .item { width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; padding: 0.32rem 0.4rem; border: 1px solid #D9D9D9; margin-bottom: 0.24rem; } .rcpy-items .item .img { display: block; width: 33.6%; height: 2.44rem; background-position: center; background-size: cover; } .rcpy-items .item .txt { width: 62.2%; position: relative; } .rcpy-items .item .txt h6 { color: #333; font-size: 0.16rem; line-height: 0.34rem; font-weight: bold; margin-bottom: 0.06rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rcpy-items .item .txt .desc { color: #333; font-size: 0.14rem; line-height: 0.22rem; height: 1.76rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; } .rcpy-items .item .txt .d { position: absolute; right: 0; bottom: 0; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .rcpy-items .item .txt .d img { height: 0.16rem; } .rcpy-items .item .txt .d .s { display: block; } .rcpy-items .item .txt .d .h { display: none; } .rcpy-items .item .txt .d span { color: #333; font-size: 0.14rem; line-height: 0.19rem; margin-right: 0.06rem; } .rcpy-items .item .txt .d:hover span { color: #cc281c; } .rcpy-items .item .txt .d:hover .s { display: none; } .rcpy-items .item .txt .d:hover .h { display: block; } .rcpy-items .w-link { padding-top: 0.43rem; } .rczp-detail { padding: 0.4rem 0 0.65rem; } .rczp-detail .flex { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; margin-bottom: 0.28rem; } .rczp-items { width: 100%; margin-bottom: 0.65rem; } .rczp-items th { height: 0.6rem; background-color: #EFEFEF; color: #333; font-size: 0.2rem; border-bottom: 1px solid #999; padding: 0 0.05rem; } .rczp-items td { color: #666; font-size: 0.14rem; line-height: 0.19rem; padding: 0.12rem 0.05rem; border-bottom: 1px solid #999; text-align: center; } .rczp-items td .t { color: #333; } .flsm { padding: 0.64rem 0 0.71rem; } .flsm .brand { margin-bottom: 0.4rem; } .flsm h2 { color: #333; font-size: 0.28rem; line-height: 0.42rem; font-weight: bold; text-align: center; margin-bottom: 0.31rem; } .flsm .desc { color: #333; font-size: 0.16rem; line-height: 2; } .result { padding: 0.4rem 0 0.9rem; } .result .flex { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; margin-bottom: 0.3rem; } .result .tit { color: #333; font-size: 0.14rem; line-height: 0.19rem; } .box { min-width: 12.8rem; width: 100%; } .box .ins-header { width: 100%; top: 0; right: 0; min-width: 12.8rem; } .section-banner { overflow: hidden; } .headerding { bottom: -0.8rem; top: auto; min-width: 12.8rem; } .section.active #xinwen .swiper-container, .section.active #xinwen .text { opacity: 0; } .section.active #yewu .text, .section.active #yewu .content { opacity: 0; } .section.active #dongtai .swiper, .section.active #dongtai .item { opacity: 0; } .section.active.fp-completely #xinwen .swiper-container { animation: downIn 0.5s ease-out forwards; } .section.active.fp-completely #xinwen .text { animation: rightIn 0.5s ease-out forwards; } .section.active.fp-completely #yewu .text { animation: downIn 0.5s ease-out forwards; } .section.active.fp-completely #yewu .content { animation: rightIn 0.5s ease-out forwards; } .section.active.fp-completely #dongtai .item { animation: topIn 0.5s ease-out forwards; } .section.active.fp-completely #dongtai .swiper, .section.active.fp-completely #dongtai .item:last-child { animation: downIn 0.5s ease-out forwards; } @keyframes downIn { 0% { transform: translateY(75%); opacity: 0; } 25% { transform: translateY(56.25%); opacity: 1; } 100% { transform: translateY(0%); opacity: 1; } } @keyframes rightIn { 0% { transform: translateX(75%); opacity: 0; } 25% { transform: translateX(56.25%); opacity: 1; } 100% { transform: translateX(0%); opacity: 1; } } @keyframes topIn { 0% { transform: translateY(-75%); opacity: 0; } 25% { transform: translateY(-56.25%); opacity: 1; } 100% { transform: translateY(0%); opacity: 1; } } .back-top { display: none; width: 0.42rem; height: 1.32rem; background: rgba(255, 255, 255, 0.8); box-shadow: 0px 4px 7px 0px rgba(153, 153, 153, 0.3); border-radius: 0.21rem; position: fixed; right: 2.2rem; bottom: 1rem; z-index: 10; flex-direction: column; -webkit-flex-direction: column; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; cursor: pointer; } .back-top.ed { display: flex; display: -webkit-flex; } @media screen and (max-width: 1600px) { .back-top { right: 0.3rem; } }