@charset "utf-8"; .swiper-button-disabled{opacity:.5} .suTab .mores .more{display:none} .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.1)} .banner .swiper-slide a{display:block;position:relative} .banner .item .imgBox .img{padding-bottom:0;height:calc(100vh - .8rem);min-height:6rem} .banner .bat{position: absolute;left: 5%;right: 5%;top: 50%;transform: translateY(-50%);text-align: center;z-index: 5} .banner .bat img{height: 2.38rem} .banner .baTool{position:absolute;bottom:.5rem;left:5%;z-index:5;display: flex;align-items: center;width: 90%;justify-content: space-between;} .banner .swiBtn{width: 1.2rem;display: flex;justify-content: space-between;} .banner .swiBtn a{width: .5rem;display: block;border:1px solid rgba(255,255,255,.5);text-align: center;line-height: .48rem;text-align: center;color: #fff;transition: .3s;;border-radius: 50%;} .banner .swiBtn a:hover{background: #e60012;color: #fff;border-color: #e60012} .banner .swiBtn a.prev{} .banner .swiBtn a.next{} .banner .swiDots{text-align:right} .banner .swiDots span{width: auto;height: auto;color: #fff;background: transparent;margin-right: .2rem;opacity: .6;position: relative;} .banner .swiDots span:after{content: '';height: 1px;background: #fff;width:0;position: absolute;left: calc(100% + .05rem);top: 50%} .banner .swiDots span.active{opacity:1} .banner .swiDots span.active:after{width: .1rem;transition: .5s} .banner .bamouse{position: absolute;z-index: 5;bottom: .2rem;left: 50%;transform: translateX(-50%);color: #fff;text-align: center;font-size: .15rem;cursor: pointer;} .banner .bamouse i{display: block;font-size: .4rem;margin-bottom: 10px;animation: up 2s infinite;} @media (max-width:1024px){ .banner .bamouse{display: none} .banner .bat img{height: auto} .banner .baTool{bottom:.3rem;width: 90%;justify-content: center;} .banner .item .imgBox .img{padding-bottom:54%;height:auto;min-height:inherit} .banner .swiBtn{display: none} } @media (max-width:640px){ .banner .baTool{bottom:.15rem;} .banner .item .imgBox .img{padding-bottom:58%;} .banner .swiBtn a{width: .6rem;line-height: .3rem;} .banner .bat img{width: 80%} } .intit{margin-bottom: .5rem} .intit h3{font-weight: normal;font-size: .42rem} .intit p{color: #666;margin-top: .1rem;line-height: 1.4em} .intit.w{color: rgba(255,255,255,1);} .intit.w p{color: rgba(255,255,255,.8);} .homea-a{background: url(../images/abg.jpg) no-repeat center;background-size: cover; padding: .9rem 0 .8rem} .homea-a .aleft{width: 46%;padding-bottom: .6rem;position: relative;} .homea-a .aright{width: 50%} .homea-a .aleft .intit{padding-bottom: .3rem} .homea-a .aleft .intit:before{content: '';height:4px;width: .6rem;background: #e60012;border-radius: 5px;position: absolute;left: 0;bottom: 0 } .homea-a .aleft .intit:after{content: '';height:4px;width: .2rem;background: #e60012;border-radius: 5px;position: absolute;left: .7rem;bottom: 0 } .homea-a .aleft .intit p{font-size: .24rem;margin-top: .15rem;color: #333} .homea-a .aleft .txt p{line-height: 2.2em;color: #666;text-align: justify;padding-bottom: .05rem} .homea-a .more{position: absolute;left: 0;bottom: 0} .homea-a .more a{display:block;line-height: .45rem;border-radius: .3rem;border: 1px solid #e60012;color: #e60012;width: 1.8rem;text-align: center;transition: .3s} .homea-a .more a:hover{background:#e60012;color: #fff } .homea-a .aright img{border-radius: .15rem} .homea-b{background: url(../images/abg1.png) no-repeat center;background-size: cover; padding: .5rem 0} .homea-b ul li{width: 16.66666%;position: relative;color: #fff;text-align: center;} .homea-b ul li:before{content: '';width: 1px;height:.8rem;background: rgba(255,255,255,.2); top: 50%;margin-top: -.4rem;left: 0;position: absolute;} .homea-b ul li:last-child:after{content: '';width: 1px;height:.8rem;background: rgba(255,255,255,.2); top: 50%;margin-top: -.4rem;right: 0;position: absolute;} .homea-b ul li .num span{font-size: .48rem;font-weight: bold;display:inline-block;line-height: .56rem;font-family: 'Microsoft YaHei';margin-right: 5px} .homea-b ul li .num span.din{font-size: .56rem;font-family: 'din'} .homea-b ul li p{margin-top: .15rem;font-size: .18rem} .homea-c{background: #f6f8fa;padding: .8rem 0} .homea-c ul li{width: calc(33.333333% - .15rem);margin-bottom: .25rem;border-radius: .1rem;overflow: hidden;position: relative;} .homea-c ul li .imgBox .img{padding-bottom: 0;height: 3.6rem} .homea-c ul li .imgBox:after{content: '';position: absolute;left: -1px;right: -1px;top: -1px;background: url(../images/blackmst.png) no-repeat bottom center;background-size: 100% 100%;height: 70%;z-index: 1;transition: .3s;opacity: .6} .homea-c ul li .txt{position: absolute;top: 0;left: 0;right: 0;z-index: 3;padding: .35rem;color: #fff} .homea-c ul li .txt h4{font-weight: normal;font-size: .28rem;margin-bottom: .1rem} .homea-c ul li .txt p{line-height: 1.5em} .homea-c ul li:nth-child(1){width: calc(66.666666% - .08rem)} .homeb{padding: .8rem 0;background: #fff} .homeb ul li{width: calc(33.333333% - .15rem);margin-bottom: .25rem;border-radius: .1rem;overflow: hidden;} .homeb ul li .txt h4{line-height: .5rem;background:#f5f5f5;text-align: center;font-weight: normal; transition: .3s} .homec{padding: .8rem 0;background: url(../images/dbg.jpg) no-repeat center;background-size: cover} .homec .vr-list{margin-bottom: .65rem;padding-top: .2rem} .homec .vr-list a{width: 2.15rem;height: 2.15rem;position: relative;text-align: center;display: flex;justify-content: center;flex-direction: column;color: #fff;font-size: .24rem;} .homec .vr-list a span{display: block;line-height: 1.5em;position: relative;z-index: 3} .homec .vr-list a:after{position: absolute;z-index: 0;width: 1.9rem;height: 1.9rem;background: url(../images/dcir1.png) no-repeat center;background-size: 100% 100%;margin-left: -.95rem;margin-top: -.95rem;left: 50%;top: 50%;content: '';animation: roted 60s linear infinite} .homec .vr-list a:before{position: absolute;z-index: 1;left: 0;top:0;right: 0;bottom: 0; background: url(../images/dcir2.png) no-repeat center;background-size: 100% 100%;content: '';animation: rotedr 90s linear infinite} .homec .getsole a{display: block;line-height: .5rem;padding: 0 .4rem;border-radius: .3rem;color: #e60012;text-align: center;background: #fff;transition: .3s} .homec .getsole a:hover{background: #e60012;;color: #fff} .homed{padding: .7rem 0 0;background: #fff} .homed .swiTabNav{margin-bottom: .45rem} .homed .swiTabNav ul {justify-content: center;} .homed .swiTabNav ul li{line-height: .5rem;padding: 0 .2rem;border-radius: .3rem;background: #f6f8fa;cursor: pointer;width: 14%;text-align: center;margin: 0 .1rem} .homed .swiTabNav ul li.on{background: #e60012;color: #fff} .homed .slide-d .item .imgBox{border-radius: .15rem} .homed .slide-d .item .imgBox:after{content: '';position: absolute;left: -1px;right: -1px;bottom: -1px;background: url(../images/blackmsb.png) no-repeat bottom center;background-size: 100% 100%;height: 40%;z-index: 1;transition: .3s;opacity: 0;visibility: hidden;} .homed .slide-d .item .imgBox:before{content: '';position: absolute;left: -1px;right: -1px;bottom: -1px;height: 100%;background: rgba(0,0,0,.5);z-index: 2;transition: .3s} .homed .slide-d .item .imgBox .img{padding-bottom: 46.3%} .homed .slide-d .item.swiper-slide-active .imgBox:after{opacity: .6;visibility: visible;} .homed .slide-d .item.swiper-slide-active .imgBox:before{opacity: 0;visibility: hidden;} .homed .slide-d .item.swiper-slide-active .txt{opacity: 1;visibility: visible;} .homed .slide-d .item .txt{position: absolute;left: 0;bottom: 0;right: 0;z-index: 3;padding: .4rem;color: #fff;opacity: 0;visibility: hidden;transition: .3s} .homed .slide-d .item .txt .more{position: absolute;right: .5rem;bottom: .5rem;width: .4rem;height: .4rem;background: url(../images/arrmore.png) no-repeat center;z-index: 3} .homed .slide-d .item .txt .more:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 1px solid rgba(255,255,255,.6);transform: rotate(45deg)} .homed .slide-d .item .txt h4{font-weight: normal;font-size:.24rem;margin-bottom: .1rem } .homed .slide-d .item .txt p{color: rgba(255,255,255,.8);} .homed .slide-d .item .txt p span{display: inline-block;margin-right: .3rem;padding: 5px 0} .homed .slide-d .swiBtn a{position: absolute;top: 50%;z-index: 5;width: .5rem;height: .5rem;background: rgba(255,255,255,.9);text-align: center;line-height: .5rem;margin-top: -.25rem;transition: .3s} .homed .slide-d .swiBtn a:hover{background: #e60012;color: #fff} .homed .slide-d .swiBtn a.prev{left: calc(13.4% - .5rem)} .homed .slide-d .swiBtn a.next{right: calc(13.4% - .49rem)} .homee{padding: .7rem 0 .7rem;background: #fff;} .homee ul li{width: calc(33.333333% - .15rem);margin-bottom: .25rem;background: #f5f6f7;border-radius: .1rem;padding: .4rem;text-align: center;position: relative;overflow: hidden;} .homee ul li:after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;background: url(../images/fbg.png) no-repeat center;background-size: cover;transition: .3s;opacity: 0;visibility: hidden;} .homee ul li i{font-size: .6rem;display: inline-block;line-height: 1em} .homee ul li h4{font-weight: normal;font-size: .24rem;margin-bottom: .1rem;margin-top: .15rem} .homee ul li h4:after{content: '';display: block;width: .38rem;height: 2px;background: #e60012;margin: .15rem auto 0 } .homee ul li p{padding-top: .1rem;line-height: 1.8em} .homee ul li .desc p span{color:#e60012 } .homee ul li .txt{position: relative;z-index: 3} .homef{padding: .7rem 0 .7rem;background: url(../images/gbg.jpg) no-repeat center;background-size: cover} .homef .hd{position: absolute;top: .3rem;right: 1.6rem} .homef .hd ul li{line-height: .45rem;padding: 0 .4rem;border-radius: .3rem;background: #fff;cursor: pointer;margin-left: .2rem;transition: .3s} .homef .hd ul li.on{background: #e60012;color: #fff } .homef .mores{position: absolute;top: .3rem;right: 0} .homef .mores a{display: block;line-height: .45rem;padding: 0 .3rem;border-radius: .3rem;background: #fff;transition: .3s} .homef .mores a:hover{background: #e60012;color: #fff} .homef .picnList{margin-bottom: .2rem} .homef .picnList li{width: calc(33.333333% - .2rem)} .homef .picnList .imgBox{border-radius: .1rem .1rem 0 0} .homef .picnList .imgBox .img{padding-bottom: 63.5%} .homef .picnList .txt{padding: .2rem .2rem .3rem;transition: .3s} .homef .picnList .txt h4{font-size: .2rem;font-weight: normal;margin-bottom: .1rem} .homef .picnList .txt p{color: #888;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: .16rem} .homef .picnList .time{padding: .2rem;background: #fff;display:flex;justify-content: space-between;align-items: center;border-radius: 0 0 .1rem .1rem} .homef .picnList .time time{color: #999;font-size: .14rem} .homef .picnList .time i{display: block;width: .35rem;height: .35rem;border: 1px solid #e60012;border-radius: 50%;text-align: center;line-height: .35rem;color: #e60012;} .homef .picnList .time i:before{display: inline-block;transform: rotate(-45deg);transition: .3s} .homef .txtnList{display: flex;justify-content: space-between;flex-wrap: wrap;} .homef .txtnList li{width: calc(33.333333% - .2rem);position: relative;padding-right: 1rem;margin-top: .18rem;font-size: .15rem;line-height: 1.5em} .homef .txtnList li time{position: absolute;right: 0;top: 0;color: #999}