﻿@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}
