@charset "utf-8"; .banner{position:relative} .banner .swiper-slide .sc{-webkit-transition:8s 1s linear;-webkit-transform:scale(1)} .banner .swiper-slide-active .sc{-webkit-transform:scale(1.05)} .banner .swiper-slide a{display:block;position:relative} .banner .swiper-slide a:before{content:'';position:absolute;left:0;top:0;right:0;height:2.6rem;background:url(/uploads/image/eimages/topbg.png) repeat-x top center;background-size:101% 100%;z-index:2;opacity: 1;} .banner .swiper-slide a:after{content:'';position:absolute;left:0;bottom:-1px;right:0;height:1.6rem;background:url(/uploads/image/eimages/blackms.png) no-repeat top center;background-size:101% 100%;z-index:2;opacity: .8;} .banner .item .imgbox .img{padding-bottom:0;height:100vh;background-position: center;background-size: cover;background-repeat: no-repeat} .banner .swidots{position:absolute;bottom:.4rem;left:10%;z-index:5;right: 10%;width: auto;text-align: center;display: none} .banner .swidots span{background:#fff;width:12px;height:12px;margin:0 .06rem!important;position:relative;border-radius: 50%;transition: .3s} .banner .swidots span.active{opacity:1;} .banner .slide-video .a{position: absolute;top: 0px;left: 0px;right: 0px;height:78vh;width: 100%;min-height: 7rem} .banner .slide-video video{width: 100%;height: 100%;object-fit: cover;} .banner .swibtn{position: absolute;right: 0;bottom: .4rem;z-index: 5} .banner .swibtn a{display: block;width: .5rem;height: .5rem;border: 1px solid #fff;border-radius: 50%;text-align: center;line-height: .48rem;color: #fff;font-size: .24rem} .banner .swibtn a.next{margin-left: .2rem} .mousetop{position: absolute;bottom:0;left: 50%;transform: translatex(-50%);z-index: 10;color: #fff;text-align: center;padding-bottom: .32rem;} .mousetop:after{content: '';width: 1px;height: .3rem;background: #fff;position: absolute;left: 50%;bottom: 0;z-index: 4} .mousetop span{display: block;} .mousetop span{font-weight: 100;margin-bottom: 8px;font-size: .14rem} .mousetop img{height: .34rem;animation: up 2s infinite} .mousetop i{margin-top: 8px} @media (max-width:1024px){ .mousetop{display: none} .banner .swiper-slide a:before{height:1.5rem} .banner .swiper-slide a:after{height:1.2rem} .banner .swidots{text-align: center;bottom: .3rem} .banner .swidots span{width:.3rem;margin:0 .1rem} .banner .item .imgbox .img{padding-bottom:0;height:52vw;min-height:inherit} } @media (max-width:640px){ .banner .swiper-slide a:after{height:1rem} .banner .swidots,.banner .swibtn{bottom:.15rem;} .banner .swibtn{right: 50%;transform: translatex(50%);} .banner .swidots span{width:.25rem;height:.25rem;} .banner .swidots span.active{width:.35rem;height:.35rem;} .banner .swidots span:before{width: .24rem;height: .3rem;margin-left: -.12rem;bottom: -.1rem} .banner .item .imgbox .img{height: 55vw} .banner .swibtn a{width: .4rem;height: .4rem;line-height: .38rem;font-size: .2rem} } @keyframes scaletw{0%{transform:scale(1);opacity:.6}100%{transform:scale(3);opacity:0}} @keyframes scalett{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.6);opacity:0}} @keyframes scaletc{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.2);opacity:0}} .intit{margin-bottom: .4rem} .tit .h4 .cn { float: left;color: #d8d8d8;} .tit .h4 .on {color: #333;} .tit .h4 span:first-child::after {content: '/'; font-size:0.36rem;color: #d8d8d8; margin: 0 10px;} .intit .h4 .cn{font-size: .36rem;display: block;font-weight: bold;line-height: 1em} .intit .h4 .en{font-size: .18rem;color: #999999} .swibtn1 a{display: block;width: .34rem;height: .34rem;line-height: .3rem;text-align: center;border-radius: 50%;border: 2px solid #bbb;color: #bbb} .swibtn1 a.next{margin-left: .1rem} .swibtn1 a:hover{border-color: #ff9933;color: #ff9933} .home .more.ab{position: absolute;top: .18rem;right: 0} .home .more a{display: flex;align-items: center;} .home .more a i{display: block;width: .2rem;height: .2rem;border-radius: 50%;background:#ba0714;text-align:center;line-height:.2rem;font-size:.12rem;color:#fff;margin-left:.05rem } .homeab{background: url(/uploads/image/eimages/bga.jpg)no-repeat center;background-size: cover;} .homea{padding: .7rem 0 .5rem} .homeb{padding: .3rem 0 .8rem} .homea .left{width: 58.5%} .homea .right{width: 37.5%} /*.homea .left .item .img{padding-bottom: 0;height: 4.95rem}*/ .homea .left .item .txt{padding: .2rem .2rem .2rem .65rem} .homea .left .item .txt time{color: #666} .homea .left .item .txt h4{font-size: .18rem;margin-bottom: .15rem;margin-top: .1rem;line-height: 1.5em} .homea .left .item .txt p{font-size: .15rem;color: #666;line-height: 1.8em} .homea .left .slide-a:after{content: '';position: absolute;left: .2rem;bottom: 0;height: 2.1rem;width: 3px;background: #ba0714;z-index: 5;pointer-events: none} .homea .right .item .imgbox:before{content: '';position: absolute;left: -1px;bottom: -1px;right: -1px;height: 50%;background: url(/uploads/image/eimages/blackms.png) no-repeat center;background-size: 101% 101%;z-index: 1;opacity: .9} .homea .right .item .txt{position: absolute;z-index: 3;left: 0;bottom: 0;right: 0;color: #fff;padding: .2rem } /*.homea .right .item .imgbox .img{padding-bottom: 0;height: 3.2rem}*/ .homea .right .item .txt h4{width: calc(100% - 1.2rem);} .homea .right ul{margin-top: .1rem} .homea .right ul li{padding: .15rem 0;position: relative;padding-right: 1.4rem;border-bottom: 1px solid #ddd} .homea .right ul li i{position: absolute;left: 0;bottom: -1px;height: 1px;width:0;background:#ba0714;transition:.3s } .homea .right ul li i:after{content: ''; position: absolute;right: 0;;height: 8px;width:8px;background:#ba0714;transform:rotate(45deg);top:50%;margin-top:-5px;opacity:0;visibility:hidden; } .homea .right ul li time{position: absolute;top: .15rem;right: 0;color: #666} .homea .right ul li h4{line-height: 1.6em;overflow: hidden;display: block; white-space: nowrap; text-overflow: ellipsis; } .homeb .slide-b .item a{display: block;padding: .2rem .3rem .3rem;position: relative;transition: .3s} .homeb .slide-b .item .time{text-align: center;color: #777;transition: .3s} .homeb .slide-b .item .time span{font-size: .48rem;color: #ba0714;display: block;} .homeb .slide-b .item .ico{display: block;width: .56rem;height: .56rem;border-radius: 50%;background:url(/uploads/image/eimages/time1.png) #fff no-repeat center;background-size:.26rem .26rem;margin: .1rem auto .2rem ;transition: .3s} .homeb .slide-b .item h4{text-align: center;line-height: 1.6em;height: .5rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;} .homeb .slide-b .item .swi-morear{display: block;margin:.5rem auto 0;text-align: center;font-size: .3rem;color: #777;transition: .3s} .homeb .more{margin-top: .3rem} .homeb .slide-b .item a:after{content: '';position: absolute;bottom: 0;left: 50%;transform: translatex(-50%);width: 0;height: 4px;background:#ba0714;transition:.3s } .homeb .swidots{margin-top: .15rem;text-align: center;} .homeb .swidots span{width: 10px;height: 10px;margin: 0 5px;border: 2px solid transparent;vertical-align: middle;} .homeb .swidots span.active{opacity: 1;border: 2px solid #ba0714;background: transparent;width: 14px; height: 14px} .homebs{position: relative;} .homebs:before{content: '';height: 2px;left: 0;right: 0;background: #ddd;position: absolute;top: 1.35rem;pointer-events: none} .homec{padding: .8rem 0;position: relative;} .homec .slide-c-img{width: 42%} .homec .slide-c-img .img{padding-bottom: 0;height: 3.6rem} .homec .txt{width: 58%;padding: .4rem .5rem;background: url(/uploads/image/eimages/bbg.jpg)no-repeat center;background-size: cover;border: 1px solid #eee;position: relative;} .homec .txt:before{content: '';width: 1.1rem;height: 4px;background: #bc0710;position: absolute;top: -4px;right: -4px} .homec .txt:after{content: '';width: 4px;height: .8rem;background: #bc0710;position: absolute;right: -4px;top: -4px} .homec .txt .item {} .homec .txt .item p{line-height: 1.8em;height: 1.12rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;} .homec .slide-c-txt{margin-bottom: .2rem} .homec .txt .intit .cnav{width: calc(100% - 2.5rem);border-bottom: 2px solid #eee;padding-bottom: .2rem} .homec .txt .intit .cnav li{width: 50%;text-align: center;cursor: pointer;font-size: .18rem;position: relative;} .homec .txt .intit .cnav li.on{font-weight: bold;color: #bc0710} .homec .txt .intit .cnav li:after{content: '';position: absolute;left: 50%;margin-left: 1px;bottom: -.2rem;background: #ddd;height: .15rem;width: 2px} .homec .txt .intit .cnav li.on:after{background: #bc0710} .homed{padding: .8rem 0;position: relative;border-top: 1px solid #ddd} .homed:after{content: '';position: absolute;width: 6.56rem;height: 6.14rem;background: url(/uploads/image/eimages/cbg2.png) no-repeat center;background-size: 100% 100%;bottom: 0;right: 5%;z-index: 0;pointer-events: none} .homed .left{width: 45%} .homed .right{width: 50%} .homed .left .intit{padding-right: .3rem;color: #fff} .homed .left .intit .h4 .en{color: rgba(255,255,255,.6)} .homed .left .intit .more a{color: #fff} .homed .left .intit .more a i{color: #bd0617;background: #fff} .homed .left .swidots{position: absolute;right: .2rem;bottom: .2rem;z-index: 8;left: auto;width: auto;} .homed .left .swidots span{background: #fff;opacity: .5;width: 10px;height: 10px} .homed .left .swidots span.active{opacity: 1} .homed .left .item .imgbox:before{content: '';position: absolute;left: -1px;bottom: -1px;right: -1px;height: 50%;background: url(/uploads/image/eimages/blackms.png) no-repeat center;background-size: 101% 101%;z-index: 1;opacity: .9} .homed .left .item .txt{position: absolute;z-index: 3;left: 0;bottom: 0;right: 0;color: #fff;padding: .2rem 1rem .2rem .2rem} .homed .left .item .imgbox .img{padding-bottom: 0;height: 3.8rem} .homed .left:after{content: '';position: absolute;top: -.81rem;right: 0;bottom: .75rem;width: calc((100vw - 15rem) / 2 100%);background:url(/uploads/image/eimages/cbg1.jpg) no-repeat center;background-size: cover;pointer-events:none } .homed .right .item .imgbox{width: 66%} .homed .right .item .txt{width: 34%;padding-left: .34rem;display: flex;justify-content: center;flex-direction: column;} .homed .right .item .imgbox .img{padding-bottom: 0;height: 3.4rem} .homed .right .intit{width: 8.6rem} .homed .right .slide-d2{width: 8.6rem} .homed .right .slide-d21{width: 8.6rem} .homed .right .item .txt h4{line-height: 1.6em;margin-bottom: .1rem} .homed .right .item .txt p{line-height: 1.8em;color: #666;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;margin-bottom: .4rem;height: 1.4rem} .homed .right .item .txt .mor{background: #ba0714;color: #fff;display: block;line-height: .28rem;padding: 0 .1rem;width: .88rem;border-radius: .3rem;text-align: center;font-size: .14rem;transition: .3s} .homed .right .swidots{margin-top: .15rem} .homed .right .swidots span{width: 10px;height: 10px;margin: 0 5px;border: 2px solid transparent;vertical-align: middle;} .homed .right .swidots span.active{opacity: 1;border: 2px solid #ba0714;background: transparent;width: 14px; height: 14px} .homed .right .swidots1{margin-top: .15rem} .homed .right .swidots1 span{width: 10px;height: 10px;margin: 0 5px;border: 2px solid transparent;vertical-align: middle;} .homed .right .swidots1 span.active{opacity: 1;border: 2px solid #ba0714;background: transparent;width: 14px; height: 14px} .homee{padding: .75rem 0 .75rem;background: url(/uploads/image/eimages/dbg.jpg) } .homee .slide-e1{width: 52%} .homee .slide-e2p{width: 48%;padding: 0 .2rem;background: #fff} .homee .slide-e2 .swiper-slide{} .homee .slide-e2 .swiper-slide a{display: block;padding: .4rem .15rem} .homee .slide-e2 .swiper-slide .imgbox .img{padding-bottom: 0;height:2.4rem } .homee .slide-e1 .swiper-slide a{display: flex;} .homee .slide-e1 .swiper-slide .imgbox{width: 2.3rem} .homee .slide-e1 .swiper-slide .imgbox .img{padding-bottom: 0;height:3rem } .homee .slide-e1 .swiper-slide .txt{left: 2.4rem;padding: .4rem;border:1px solid #fff;border-left:0;position: absolute;top: 0;bottom: 0;right: 0 } .homee .slide-e1 .swiper-slide .txt h4{font-size: .24rem;font-weight: bold;margin-bottom: .15rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 1;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;color: #333} .homee .slide-e1 .swiper-slide .txt p{line-height: 1.8em;color: #666;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;margin-bottom: .2rem;height: 1.4rem} .homee .slide-e1 .swiper-slide .txt .mor{background: #ba0714;color: #fff;display: block;line-height: .28rem;padding: 0 .1rem;width: .88rem;border-radius: .3rem;text-align: center;font-size: .14rem;transition: .3s} .homee .swidots{text-align: center;margin-top: .25rem} .homee .swidots span{width: 12px;height: 12px;margin: 0 5px;border: 2px solid transparent;vertical-align: middle;} .homee .swidots span.active{opacity: 1;border: 2px solid #ba0714;background: transparent;width: 16px; height: 16px} .homef{padding: .75rem 0 .9rem;background: url(/uploads/image/eimages/ebg.jpg) no-repeat bottom center;background-size: cover} .homef .items{padding-bottom: .15rem} .homef .img-list{width: calc(33.3333% - .2rem)} .homef .txt-list{width: calc(66.6666% - .2rem)} .homef .img-list li a{display: block;position: relative;} .homef .img-list li .imgbox:before{content: '';position: absolute;left: -1px;bottom: -1px;right: -1px;height: 50%;background: url(/uploads/image/eimages/blackms.png) no-repeat center;background-size: 101% 101%;z-index: 1;opacity: .7} .homef .img-list li .txt{position: absolute;z-index: 3;left: 0;bottom: 0;right: 0;color: #fff;padding: .2rem .2rem .15rem} .homef .img-list li .imgbox .img{padding-bottom: 0;height: 2.65rem} .homef .img-list li{margin-bottom: .35rem} .homef .txt-list li{width: calc(50% - .2rem);background: #fff;height: 2.65rem;margin-bottom: .35rem;padding: .35rem .4rem;box-shadow: 0 0 10px rgba(0,0,0,.1);position: relative;display: flex;justify-content: center;flex-direction: column;} .homef .txt-list li h4{line-height: 1.6em;margin-bottom: .2rem;height: .5rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .homef .txt-list li time{display: block;font-family: 'cam';margin-bottom: .2rem;color: #666} .homef .txt-list li time:after{content: '';height: 2px;width:.5rem;display:block;background:#ba0714;margin-top:.15rem } .homef .txt-list li p{font-size: .14rem;line-height: 1.8em;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: .5rem} @media (min-width:1025px){ .homef .txt-list li:after{content: '';position: absolute;bottom: 0;left: 50%;transform: translatex(-50%);height: 4px;background:#ba0714;width:0;transition:.3s } .homef .txt-list li:hover{background: #fcf7f5} .homef .txt-list li:hover:after{width: 100%} .homee .slide-e1 .swiper-slide:hover .txt .mor,.homed .right .item:hover .txt .mor{letter-spacing: .1em} .homea .right ul li:hover i{width: 100%;transition:.8s} .homea .right ul li:hover i:after{opacity:1;visibility:visible; } .homeb .slide-b .item:hover a{background: #f1f1f1} .homeb .slide-b .item:hover a .time{color: #ba0714} .homeb .slide-b .item:hover a .swi-morear{color: #ba0714} .homeb .slide-b .item:hover a .ico{background:url(/uploads/image/eimages/time.png) #ba0714 no-repeat center;background-size:.26rem .26rem;} .homeb .slide-b .item:hover a:after{width: 100%;transition:.3s .2s } } @media (max-width:1760px){ .homed .right .intit{width: calc((100vw - 15rem) / 2 100% - .3rem)} .homed .right .slide-d2{width: calc((100vw - 15rem) / 2 100% - .3rem)} .homed .right .slide-d21{width: calc((100vw - 15rem) / 2 100% - .3rem)} } @media (max-width:1024px){ .homed .right .intit{width:100%} .homed .right .slide-d2{width:100%} .homed .right .slide-d21{width:100%} .homea .right ul li{padding-right: 1.1rem} .homed .right .item .imgbox{width: 100%} .homed .right .item .txt{width: 100%;padding-left: 0;padding-top: .2rem} .homed .right .item .txt p{height: auto;margin-bottom: .2rem} .homed .right .item .imgbox .img{height: 3rem} .homed .left:after{width: calc(100% 3vw);bottom: 30%} .homed .left{width: 50%} .homed .right{width: 45%} .homef .img-list{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;} .homef .txt-list{width: 100%} .homef .img-list li,.homef .txt-list li{width: calc(50% - .15rem);} .homed .left .slide-d1{background: #fff} } @media (max-width:900px){ .homea .left{width: 100%;margin-bottom: .3rem} .homea .right{width: 100%} .homec .slide-c-img{width: 100%} .homec .txt{width: 100%} .homed .left{width: 100%;margin-bottom: .4rem} .homed .right{width: 100%} .homec .slide-c-img .img{height: 40vw} .homed .left .item .imgbox .img,.homed .right .item .imgbox .img{height: 50vw} .homee .slide-e1{width: 100%} .homee .slide-e2p{display: none} .homef .img-list li .imgbox .img{height: 25vw} .homec .txt:before{display: none} .homec .txt:after{display: none} .intit .h4 .cn {font-size: 0.3rem;} .tit .h4 span:first-child::after { font-size: 0.3rem;} } @media (max-width:750px){ .homed .left:after{width: calc(100% 10vw);bottom: 30%;right: -5vw} .homed .left .intit{padding-right: 0} } @media (max-width:640px){ .homef .img-list li, .homef .txt-list li{width: 100%;height: auto} .homef .img-list li .imgbox .img{height: 52vw} /*.homee .slide-e1 .swiper-slide a{flex-wrap: wrap;} .homee .slide-e1 .swiper-slide .txt p{height: auto} .homee .slide-e1 .swiper-slide .imgbox{margin: 0 auto .2rem} .homee .slide-e1 .swiper-slide .txt{width: 100%;border: 0;padding: .2rem;text-align: center;} .homee .slide-e1 .swiper-slide .txt .mor{margin: 0 auto}*/ .homee .intit{justify-content: flex-start;} .home .more.ab{top: .15rem} .homed .left .item .imgbox .img{height: 55vw} .homec .txt .intit{justify-content: center;} .homec .txt .intit .h4{text-align: center;} .homec .txt .intit .cnav{width: 100%;margin-top: .2rem} .homec .txt{padding: .3rem} .homec .intit{margin-bottom: .25rem} .homec .swibtn{justify-content: center;} .homea .left:after{height: 2.6rem} } @media (max-width:480px){ .homef .txt-list li{padding: .3rem;margin-bottom: .25rem} .homef .img-list li{margin-bottom: .25rem} .homef .txt-list li h4,.homef .img-list li .txt h4,.homed .right .item .txt h4,.homed .left .item .txt h4,.homec .txt .intit .cnav li,.homea .right ul li h4,.homea .right .item .txt h4{height: auto;font-size: .18rem;line-height: 1.4em} .homea .right .item .txt time{width: 100%;order: 1} .homea .right .item .txt h4{width: 100%;order: 2;margin-top: .1rem} .homef .txt-list li p{font-size: .15rem} .homed .right .item .txt p,.homee .slide-e1 .swiper-slide .txt p,.homea .left .item .txt p{line-height: 1.6em} .homeb .slide-b .item a{padding: .2rem} .homea .left .item .txt{padding-left: .45rem} } .homee .slide-e1{width: 100%} .homee .items{display: flex;background: #fff;padding: 0 .05rem} .homee .items li{width: 2.4rem;background: #fff;height: 3.2rem;transition: .5s;position: relative;padding: .1rem .05rem} .homee .items li a{display: flex;flex-wrap: wrap;overflow: hidden;} .homee .items li.active{width:calc(100% - 7.2rem);background: transparent;} .homee .items li.active a{} .homee .slide-e1 .swiper-slide .txt{} .homee .swibtn a{position: absolute;top: 50%;margin-top: -.2rem;z-index: 5} .homee .swibtn a.prev{left: -.5rem} .homee .swibtn a.next{right: -.5rem;margin-left: 0} @media (max-width: 1024px){ .homee .items{flex-wrap: wrap;padding: .1rem .1rem} .homee .items li,.homee .items li.active{width: 50%} .homee .swibtn{display: none} .homee .swibtn a.prev{left: .1rem} .homee .swibtn a.next{right: .1rem} .homee .slide-e1 .swiper-slide .txt{padding: .25rem} } @media (max-width: 900px){ .homee .items li,.homee .items li.active{width: 100%;height: auto} .homee .slide-e1 .swiper-slide .imgbox{width: 2rem} .homee .slide-e1 .swiper-slide .imgbox .img{height: 2.6rem} .homee .slide-e1 .swiper-slide .txt{left: 2.1rem} .homee .slide-e1 .swiper-slide .txt p{height: auto; -webkit-line-clamp: 4;} } @media (max-width: 640px){ .homee .slide-e1 .swiper-slide .imgbox{width: 1.7rem} .homee .slide-e1 .swiper-slide .imgbox .img{height: 2.2rem} .homee .slide-e1 .swiper-slide .txt{left: 1.8rem} } .homeds{padding-bottom: .9rem;background: no-repeat bottom center;} .homeds .intit{margin-bottom: .7rem} .homeds .left{width: 60%;background: #fff;box-shadow: 0 0 .15rem rgba(0,0,0,.1);border-top: 5px solid #b70816;padding: 0 .3rem .3rem .3rem} .homeds .left .slide-ds1{overflow: visible;background: #fff} .homeds .left .item a{display: flex;justify-content: space-between;} .homeds .left .item .imgbox{width: 65%;margin-top: -.3rem} .homeds .left .item .txt{width: 32%;padding-top: .4rem} .homeds .left .item .txt h4{line-height: 1.5em;margin-bottom: .15rem} .homeds .left .item .txt p{line-height: 1.6em;font-size: .15rem;color: #666;height: .96rem\0} .homeds .left .swidots{position: absolute;left: auto;width: auto;right: .2rem;bottom: .3rem;z-index: 6} .homeds .left .swidots span{width: 10px;height: 10px;margin: 0 5px;border: 2px solid transparent;vertical-align: middle;} .homeds .left .swidots span.active{opacity: 1;border: 2px solid #ba0714;background: transparent;width: 14px; height: 14px} .homeds .right{width: 35%} .homeds .right ul li{position: relative;padding: .2rem 0} .homeds .right ul li:nth-child(1){padding-top: 0} .homeds .right ul li:nth-child(2){padding-bottom: 0} .homeds .right ul li li{border-top: 1px solid #ddd} .homeds .right ul li .h4{line-height: 1.6em;margin-bottom: .1rem;font-weight: bold;} .homeds .right ul li .time{display: block;font-family: 'cam';margin-bottom: .1rem;color: #666} .homeds .right ul li .time:after{content: '';height: 2px;width:.5rem;display:block;background:#ba0714;margin-top:.15rem } .homeds .right ul li .p{font-size: .14rem;line-height: 1.8em;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: .5rem} @media (max-width: 1024px){ .homeds .left{width: 100%;} .homeds .right{width: 100%;margin-top: .3rem} .homeds .right ul li .p{height: auto} .homeds .left .swidots{bottom: .1rem} } @media (max-width: 750px){ .homeds .left .item a{flex-wrap: wrap;} .homeds .left .item .imgbox{width: 100%;margin-top: -.3rem} .homeds .left .item .txt{width: 100%;padding-top: .3rem} .homeds .left .swidots{position: static;bottom: 0;margin-top: .2rem} } @media (max-width:360px){ .intit .h4 .cn {font-size: 0.25rem;} .tit .h4 span:first-child::after { font-size: 0.25rem;} } .lm{ position:relative; } .lm .swiper-container{ position:absolute; left:0; right:0; top:0; width:100%; opacity:0; z-index:-9; transform:translatey(100%); transition:all 0.5s; } .lm .swiper-container.on{ position:relative; z-index:9; opacity:1; transform:translatey(0); }