@charset "utf-8"; .banner{position:relative} .banner .swiper-slide{overflow:hidden;} .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:after{content:'';position:absolute;left:0;bottom:-1px;right:0;height:1.6rem;background:url(/uploads/image/fimages/blackms.png) no-repeat top center;background-size:101% 100%;z-index:2;opacity: .7;pointer-events: none} .banner .item .imgbox .img{padding-bottom:28%;background-position: center;background-size: cover;background-repeat: no-repeat} .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 .swidots{position:absolute;bottom:.2rem;left:auto;z-index:5;;text-align:right;right:.3rem;width: auto} .banner .swidots span{background:#fff;width:.2rem;height:.2rem;opacity:.6;margin:0;position:relative;background:transparent;border-radius: 0;display: inline-block;} .banner .swidots span svg{opacity:0;transition: .3s} .banner .swidots span.active{opacity:1} .banner .swidots span.active svg{opacity:1} .banner .swidots span:before{content: '';position: absolute;top: 50%;left: 50%;width: 9px;height:9px;background: #fff;border-radius: 50%;margin-left: -5px;margin-top:-5px;} .banner .swidots .ui-loop{position:absolute;top:0;left:0;bottom:0;top:0} .banner .swidots .path-loop{fill:none;stroke:#bb0d19;stroke-miterlimit:10;stroke-width:2px;opacity: 0;stroke-linecap:round;} .banner .swidots .path-loop-bg{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:1px;opacity:0;stroke-linecap:round;} .banner .swidots .active .path-loop{opacity: 1} @media (max-width:1024px){ .banner .swiper-slide a:before{height:1.5rem} .banner .swiper-slide a:after{height:1.2rem} .banner .swidots{text-align: center;bottom: .3rem} .banner .item .imgbox .img{padding-bottom:0;height:36vw;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 .item .imgbox .img{height: 40vw} } @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}} .bga{background: url(/uploads/image/fimages/bga.jpg)#fff no-repeat left top;padding-top: .9rem} .puitem dt{margin-bottom: .35rem} .puitem dt .h4{font-size: .26rem;position: relative;padding-left: .15rem;font-weight: bold;} .puitem dt .h4:before{content: '';width:4px;height: .34rem;margin-top: -.17rem;top: 50%;position: absolute;background: #bf0513;left: 0} .puitem dt .more a{display: flex;align-items: center;} .puitem dt .more a:after{content: '';display: block;width: .14rem;height: .14rem;background: url(/uploads/image/fimages/more.png) no-repeat center;background-size: 100% 100%;margin-left: 5px} .homea{padding-top: .4rem;padding-bottom: .6rem} .homea .left{width: 53%} .homea .right{width: 42%} .homeb .left{width: 61%} .homeb .right{width: 35%} .homec dl{width: 48%} .homec{padding: .7rem 0 .6rem;background: #fff} .homeb{padding: .6rem 0 .6rem;background: #f8f8f8} .homed{padding: .6rem 0 .8rem;background: #f8f8f8} .homea .left .slide-a .imgbox:before{content: '';position: absolute;left: 0;bottom: -1px;right: 0;height: 40%;background: url(/uploads/image/fimages/blackms.png) no-repeat top center;background-size: 101% 100%;z-index: 2;opacity: .7;} .homea .left .slide-a .imgbox .img{padding-bottom: 0;height: 4.3rem} .homea .left .slide-a .txt{position: absolute;left: 0;bottom: 0;right: 0;z-index: 5;color: #fff;font-size: .2rem;padding: .2rem;padding-right: 1.2rem} .homea .left .swidots{position: absolute;right: .2rem;bottom: .24rem;z-index: 5;width: auto;left: auto} .homea .left .swidots span{width: 10px;height: 10px;margin: 0 6px;background: #fff} .homea .left .swidots span.active{opacity: 1;background: #fff} .homea .left li{position: relative;display: flex;justify-content: space-between;padding: .2rem 0} .homea .left li li{border-top: 1px solid #ddd} .homea .left li a{width: calc(100% - 1.3rem);font-size: .18rem;line-height: 1.5em} .homea .left li time{color: #777} .homea .left li time i{color: #bf0513;margin-right: 5px} .homea .right li{position: relative;padding: .2rem 0} .homea .right li:nth-child(1){padding-top: 0} .homea .right li li{border-top: 1px solid #ddd} .homea .right li a{font-size: .18rem;line-height: 1.5em} .homea .right li time{color: #777;display: block;margin-bottom: .05rem} .homea .right li time i{color: #bf0513;margin-right: 5px} .homeb .left .item{background: #fff} .homeb .left .item .imgbox{width: 50%} .homeb .left .item .txt{width: 50%;border-top: 4px solid #bf0513;padding: .4rem;padding-bottom: .6rem} .homeb .left .item .txt .h4{font-size: .2rem;margin-bottom: .2rem} .homeb .left .item .txt .p{color: #666;line-height: 1.6em;font-size: .15rem;height: .72rem\0} .homeb .left .swidots{position: absolute;right: .4rem;bottom: .3rem;z-index: 5;width: auto;left: auto} .homeb .left .swidots span{width: 10px;height: 10px;margin: 0 6px} .homeb .left .swidots span.active{border: 1px solid #bf1a26;opacity: 1;background: #fff} .homeb .right li{position: relative;display: flex;justify-content: space-between;padding: .2rem 0} .homeb .right li:nth-child(1){padding-top: 0} .homeb .right li li{border-top: 1px solid #ddd} .homeb .right li a{width: calc(100% - 1.2rem);font-size: .18rem;line-height: 1.5em;height: .54rem\0} .homeb .right li time{color: #777} .homeb .right li time i{color: #bf0513;margin-right: 5px} .homec .item{margin-bottom: .25rem} .homec .item .txt{padding-top: .2rem;} .homec .item .txt .h4{font-size: .2rem;margin-bottom: .1rem} .homec .item .txt .p{color: #666;line-height: 1.6em;height: .5rem\0} .homec ul li{border-top: 1px solid #ddd;padding: .2rem 0;position: relative;display: flex;justify-content: space-between;} .homec ul li a{width: calc(100% - 1.2rem);font-size: .18rem} .homec ul li time{color: #777} .homec ul li time i{color: #bf0513;margin-right: 5px} .homed dl{width: 98%} .homed dl .list li{padding: .22rem 0;border-bottom: 1px solid #ddd;font-size: .18rem; width: 33%;float: left;} .homed dl.item1 .list li a{position: relative;padding-left: .3rem;line-height: .24rem} .homed dl.item1 .list a:before{content: '';position: absolute;left: 0;top: 0;width:.21rem;height: .24rem;background: url(/uploads/image/fimages/down.png) no-repeat center;background-size: 100% 100% } .homed dl.item3{border-top: 5px solid #bf0513;padding:.35rem .5rem;background: url(/uploads/image/fimages/lxbg.png) #fff no-repeat center;background-size: cover} .homed dl.item3 dt{font-size: .3rem;font-weight: bold;margin-bottom: .2rem } .homed dl.item3 dd p{font-size: .18rem;position: relative;padding-left: 20px} .homed dl.item3 dd p:before{content: '';position: absolute;left: 0;width: 8px;height: 8px;border-radius: 50%;border: 2px solid #ddd;top: 50%;margin-top: -6px} .homed dl.item3 dd p p{margin-top: .18rem} @media (max-width: 1024px){ .homea .left{width: 100%;margin-bottom: .3rem} .homea .right{width: 100%} .homeb .left{width: 100%;margin-bottom: .3rem} .homeb .right{width: 100%} .homea .left .slide-a .imgbox .img{height: 50vw} .homec dl{width: 100%} .homec dl dl{margin-top: .4rem} .homed dl{width: 100%} .homed dl dl{margin-top: .4rem} } @media(max-width: 640px){ .homea .left .slide-a .imgbox .img{height: 55vw} .homeb .left .item .imgbox{width:100%} .homeb .left .item .txt{width: 100%;border-bottom: 4px solid #bf0513;padding: .4rem;padding-bottom: .6rem;border-top: 0} }