/* 全屏按钮 */
.menuBtn{width: 101px;height: 101px;background-color: #1f2e86;display: flex;justify-content: center;align-items: center;position: absolute;z-index: 9;right: 0;top: calc(50% - 50.5px);}
.menuBtn span{display: inline-flex;width: 30px;height: 20px;justify-content: space-between;flex-direction: column;align-items: flex-end;}
.menuBtn i{display: inline-flex;height: 2px;width: 100%;background-color: #fff;}
.menuBtn i:first-of-type{width: 50%;}
.menuBtn i:nth-of-type(2){width: 80%;}
/* index轮播 */
.bannerIndex{margin: auto;position: relative;height: 100vh;border-bottom: 3px solid #1f2e86;}
.banner.bannerIndex::after{height: 100%;}
.bannerIndex img{width: 100%;display: block;height: 100%;}
.bannerM {font-size: 14px;position: absolute; bottom: 8%;left: 5%;z-index: 10;line-height: 1.2em;text-align: center;width: 40px;}
.bannerM p{width: 20px;margin: 10px 0 0 18px;}
.bannerM p a{color: #fff;}
.bannerM p em{transform:rotate(90deg);display: inline-block;margin-left:3px}
.mouse{width:22px;height:40px;position: relative;margin: 0 auto;}
.mouse span{display:block;position:absolute;width:40px;height:22px;background-repeat:no-repeat;}
.mouse span:nth-child(1){left:0;bottom:0;background-image:url(../images/index/m_ban1.png);animation:second 3s infinite;background-position:center bottom}
.mouse span:nth-child(2){height:0;z-index:1;background-image:url(../images/index/m_ban1_1.png);animation:first 3s infinite;background-position:center top}
@keyframes first{0%{height:0%}100%{height:100%}}
@keyframes second{0%{height:100%}100%{height:0%}}
.bannerIndex .swiper-slide{position: relative;overflow: hidden;}
.bannerIndex h2{color: #fff;position: absolute;top: 41%;z-index: 10;font-size: 48px;line-height: 1.6em;left: 5%;opacity: 0;}
.bannerIndex .swiper-slide-active h2{animation: fadeInLeft 2s linear 0s 1 both;}
@keyframes fadeInLeft{
    0%{opacity:0;left: 5%;}
    50%{opacity:0;left: 0%;}
    100%{opacity:1;left: 5%;}
}
.bannerIndex .swiper-slide-active img{animation: scale 6s linear;}
@keyframes scale{
    0%{opacity:.97;transform: scale(1.2);}
    100%{opacity:1;transform: scale(1);}
}
.pc{display: block!important;}
.app{display: none!important;}
.bannerIndex .swiper-pagination{width: 30px;right: 2%;bottom: 5%;left: auto;}
.bannerIndex .swiper-pagination-bullet{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,0);border-top-color:rgba(255,255,255,0);background-color:transparent;outline: none;border-top-width: 1px;position: relative;opacity: .6;}
.bannerIndex .swiper-pagination-bullet::before{width: 8px;height: 8px;content: '';background-color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;}
@keyframes spin{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
.bannerIndex .swiper-pagination-bullet-active{opacity: 1;}
.ui-loop{width:30px;height:30px;}
.path-loop{fill:none;stroke:transparent;stroke-miterlimit:10;stroke-width:3px}
.path-loop-bg{fill:none;stroke:transparent;stroke-miterlimit:10;stroke-width:3px;opacity:0.1}
.bannerIndex .swiper-pagination-bullet-active .path-loop,.bannerIndex .swiper-pagination-bullet-active .path-loop-bg{stroke:#fff;}
@media (max-width:1680px) and (min-width:1200px){
.bannerIndex h2{font-size: 36px;}
}
@media (max-width:1440px) and (min-width:1366px){
.navRight{width: 144px;}
.banner.bannerIndex::after{right: 90px;}
.header .comWrapperNr::before{right: 89px;}
.menuBtn{width: 90px;height: 90px;}
}
@media (max-width:1024px){
.bannerM{bottom: 4%;}
.bannerIndex{/* height: 540px; */margin-top: 62px;height: calc(100vh - 62px);}
.bannerIndex img{height: 100%;}
.bannerIndex h2{font-size: 22px;width: 94%;}
.menuBtn{display: none;}
.bannerIndex .swiper-pagination{right: 26px;bottom: 40px;} 
.pc{display: none!important;}
.app{display: block!important;}
}
@media (min-width:1200px){
.pc{height: 100vh;}
.pc .footer{position: absolute;bottom: 0;width: 100%;}
}
@media (max-width:1200px){
.banner.bannerIndex::after{height: 100%;right:70px;}
}