@charset "utf-8";


.banner .pagBa{z-index: 5;color: #fff;width: auto;border-bottom: 1px solid rgba(255,255,255,.5)}
.banner .pagBa span.swiper-pagination-current{font-size: .3rem;}
.banner .pagBa span.swiper-pagination-total{opacity: .5}

.banner{position: relative;}
/*.banner:before{content: '';position: absolute;left: 0;top: 0;right: 0;height: 1.5rem;background: url(../images/bamask1.png) no-repeat top center;background-size: 100% 100%;z-index: 2;opacity: 1;}*/
.banner .slide-banner .swiper-slide:after{content: '';position: absolute;left: 0;bottom: 0;right: 0;height: 40vh;background: url(../images/bamask.png) no-repeat bottom center;background-size: 100% 100%;z-index: 2;opacity: .8;}
.banner .slide-banner .swiper-slide:before{content: '';position: absolute;left: 0;top: 0;right: 0;height: 2.5rem;background: url(../images/bamask1.png) no-repeat top center;background-size: 100% 100%;z-index: 2;opacity: 1;}
.banner .slide-banner .swiper-slide{overflow: hidden;}
.banner .slide-banner .swiper-slide a.bgimg{display: block;height:100vh;width: 100%;min-height: 500px;position: relative;}
.banner .slide-banner .swiper-slide .bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;background-repeat: no-repeat;background-position: center;background-size: cover}
.banner .slide-banner .pagBa{}
.banner .slide-banner .wp{position: absolute;left:5%;bottom: .5rem;z-index: 10;width: 90%;max-width: inherit}
.banner .slide-banner .swiper-slide .wp{height: 100%;}
.banner .slide-banner .swiper-slide .wp .txt{text-shadow: 2px 2px 5px rgba(0,0,0,.3)}
.banner .slide-banner .swiper-slide .wp .txt h4{font-size: .84rem;color: #fff;max-width: 8.4rem;line-height: 1.2em}
.banner .slide-banner .sbtn{margin-left: .3rem}
.banner .slide-banner .sbtn a{display: block;width: .4rem;height: .4rem;border-radius: 50%;border: 1px solid rgba(255,255,255,.5);color: rgba(255,255,255,.5);text-align: center;line-height: .38rem;font-size: .22rem;margin:0 .1rem;position: relative;transition: .3s}
.banner .slide-banner .sbtn a:hover{color: #fff;border-color: #fff}
.banner .slide-banner .swiper-slide .bg{-webkit-transform: scale(1);-webkit-transition:transform 5s linear}
.banner .slide-banner .swiper-slide-active .bg{-webkit-transform: scale(1.1);}
.banner .wpa{max-width: 15.6rem;}
@media screen and (max-width: 1400px){
.banner .slide-banner .swiper-slide a.bgimg{min-height: 580px}
}
@media screen and (max-width: 1200px){
.banner .slide-banner .swiper-slide a.bgimg{display: block;height: 60vw;width: 100%;min-height: inherit;}

}
@media screen and (max-width:1024px){
.banner .slide-banner .swiper-slide .wp{padding-top:0}
.banner .slide-banner .swiper-slide .wp .txt h4{font-size:7vw;line-height: 1.2em;max-width: inherit;text-align: center;}
.banner .slide-banner .swiper-slide .wp .txt p{font-size: .2rem}
.banner .slide-banner .swiper-slide:before{display: none}
.banner .slide-banner .swiper-slide:after{height: 1.5rem;opacity: .9;}
}
@media screen and (max-width:900px){
}
@media screen and (max-width:640px){
.banner .slide-banner .wp{bottom: .2rem}
.banner .slide-banner .swiper-slide .wp .txt h4{font-size:6vw;max-width: inherit;text-align: center;}
.banner .slide-banner .swiper-slide .wp .txt p{font-size: .14rem;max-width: inherit;}

}

.compensate-for-scrollbar{margin-right: 0!important}
.fancybox-iframe, .fancybox-video{object-fit: cover;}

.cursor,.cursor::after{user-select:none;pointer-events:none;mix-blend-mode:difference}
.cursor{width:.8rem;height:.8rem;position:absolute;left:0;top:0;pointer-events:none;z-index:120;visibility:hidden;
    pointer-events: none; cursor: none;text-align: center;border-radius: 50%;font-size: .14rem;}
.cursor .drag{opacity: 0;visibility: hidden;transition: .3s}
.cursor.drag .drag{opacity:1;visibility: visible;}
.cursor.drag:before{display: none}
.cursor.drag { mix-blend-mode: normal;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);width:.8rem;height:.8rem;line-height: .8rem;background: rgba(255, 255, 255, 0.4);}
.cursor:before{content:'';display:block;width:.5rem;height:.5rem;background:#fff;border-radius:50%;box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);transition:all .4s cubic-bezier(.3,1.83,.49,.88);display: none\0}
span.plus{display: block;width: .6rem;height: .6rem;position: absolute;left: 50%;top: 50%;margin-left: -.3rem;margin-top: -.3rem;z-index: 3}
span.plus i{position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 50%;background: #f4a83d;z-index: 0;transition:.4s;}
span.plus:before{content: '';width: 21px;height: 1px;background: #fff;position: absolute;left: 50%;margin-left: -10px;top: 50%;z-index: 1}
span.plus:after{content: '';width: 1px;height: 20px;background: #fff;position: absolute;left: 50%;margin-top: -10px;top: 50%;z-index: 1}

.intit h3{font-size: 1.1rem;text-transform: uppercase;color: #06468d;}
.homea{padding-bottom: .4rem}
.homea .intit h3{color: #fff;}
.homea .wp1{position: absolute;top: 1.2rem;z-index: 5;left: 50%;transform: translateX(-50%);}
.homea .wp2{margin-top: .8rem}
.homea .aleft{width: 19%;background: #003164}
.homea .amid{width: 52%;background: #074f9e}
.homea .amid .slideNtxt{position: absolute;left: 8%;bottom: 10%;max-width: 6.2rem}
.homea .amid .slideNtxt h4{font-size: .28rem;line-height: 1.4em}
.homea .amid .slideNtxt h4 a{color: #fff}
.homea .amid .slideNtxt .pgba{position: static;margin-top: .3rem}
.homea .amid .slideNtxt .pgba span{opacity: .6;transition: .3s}
.homea .amid .slideNtxt .pgba .active{opacity: 1;width: 30px;}
.homea .amid svg{position: absolute;left: -45%;top:-52%;width: 140%;z-index: 0;-webkit-animation:roted 60s linear infinite; }
.homea .amid svg .cls-1{stroke:#0f5bae;stroke-width:1px;fill:none;  }
.homea .aright{width: 29%;}
.homea .aright .pic{height: 5.6rem}
.homea .slideNpics{border: 1px solid #eee}
.homea .slideNpics .pic{position: absolute;top: 0;bottom: 0;width: 100%;right: -100%;transition: .3s;}
.homea .slideNpics .pic:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 100%;background: url(../images/bamask.png) no-repeat bottom center;background-size: 101% 101%;z-index: 1}
.homea .slideNpics .pic .txta{position: absolute;left: 6%;right: 6%;bottom: .3rem;z-index: 3;color: #fff;transform: translateY(1rem);opacity: 0;transition: .2s}
.homea .slideNpics .pic .txta time{color: #fff;font-size: .18rem;margin-top: .1rem;display: none}
.homea .slideNpics .pic .txta time span{color: #fff;font-size: .24rem}
.homea .slideNpics .pic h5{font-size: .24rem;line-height: 1.4em;}
.homea .slideNpics .txt{height: 4.2rem;background: #fff;z-index: 5;padding: .7rem .8rem;transition: .3s}
.homea .slideNpics .txt h4{font-size: .24rem;color: #06468d;line-height: 1.4em;height:1.65rem;margin-bottom: .5rem }
.homea .slideNpics  time{display: block;color: #999;font-size: .22rem}
.homea .slideNpics  time span{display: block;font-size: .28rem;color: #555}
.homea .slideNpics .swiper-slide{border-right: 1px solid #eee;overflow: hidden;}
.homea .slideNpics .swiper-slide-next+.swiper-slide{border-right: 0}
.homea .slideNpics .swiper-slide:hover .txt{opacity: 0;visibility: hidden;z-index: 0}
.homea .slideNpics .swiper-slide:hover .pic{right: 0;transition: .5s}
.homea .slideNpics .swiper-slide:hover .pic .txta{transform: translateY(0);opacity:1;transition: .3s .5s}
.homea .wp2 .pgba{text-align: center;margin-top: .3rem;display: none}
.homea .wp2 .pgba span{background: #06468d;width: 12px;height: 12px;margin: 0 10px}
.homea .wp2 .pgba span.active{background: #f4a83d;opacity: 1}

.homea .slideNpics .pic h5 .aline_w{transition:background-size .1s}
.homea .slideNpics .alin_w:hover .aline_w{transition:background-size .5s .8s}
.homea .slideNpics .aline_w:hover{transition:background-size .5s .8s}

.homeb {padding-top: .8rem}
.homeb .intit h3{font-size: 1.4rem}
.homeb .sbtn{padding-top: .2rem}
.homeb .sbtn a.swiper-button-disabled{opacity: .5;pointer-events: none}
.homeb .sbtn a.next{margin-left: .2rem}
.homeb .sbtn a{display: block;width: .6rem;height: .6rem;border: 1px solid #074f9e;text-align: center;line-height: .58rem;border-radius: 50%;color: #074f9e;font-size: .26rem;transition: .3s}
.homeb .sbtn a:hover{background: #074f9e;color: #fff }
.homeb .slideHb{background: #003164;margin-top: -0.3rem;}
.homeb .swiper-slide{height: 8rem;overflow: hidden;}
.homeb .swiper-slide:after{content: '';width: 1px;height: 50%;position: absolute;right: 0;top: 25%;background: rgba(255,255,255,.2);}
.homeb .defalut{margin: 1.5rem 20%;position: relative}
.homeb .defalut .txt{position: absolute;color: #fff;font-size: .6rem;bottom: .65rem;left: -.65rem}
.homeb .defalut .txt h4{line-height: 1em;max-width: 3rem}
.homeb .defalut .pic{height: 5rem}
.homeb .hiddenCon{position: absolute;top: 0;right:0;bottom: 0;width: 0;overflow: hidden;transition: .2s linear;}
.homeb .swiper-slide:hover .hiddenCon{width: 100%;transition: .5s linear;}
.homeb .hiddenCon .pic{height: 4rem;position: absolute;top: 0;right: 0;width: 100%}
.homeb .hiddenCon .pic span.plus{left: .8rem;margin-left: 0;margin-top: 0;top: auto;bottom: .5rem}
.homeb .swiper-slide .picp:hover .pic span.plus i{transform: scale(1.2);}
.homeb .hiddenCon .txt{height: 4rem;background: #074f9e;padding: .6rem 12%;color: #fff;position: absolute;right: 0;bottom: 0;width: 100%}
.homeb .hiddenCon .txt p{font-size: .28rem;line-height: 1.2em;font-weight: 100;height: 1.65rem;transform: translateY(1rem);opacity: 0;}
.homeb .hiddenCon .txt time{border-top: 1px solid rgba(255,255,255,.3);padding-top: .2rem;display: block;margin-top: .3rem;font-size: .2rem;color: rgba(255,255,255,.8);transform: translateY(1rem);opacity: 0;}
.homeb .hiddenCon .txt time span{display: block;font-size: .28rem;display: block;}
.homeb .swiper-slide:hover .hiddenCon .txt p{transform: translateY(0);opacity: 1;transition: .5s .5s}
.homeb .swiper-slide:hover .hiddenCon .txt time{transform: translateY(0);opacity: 1;transition: .5s .8s}
.homeb .pgba{position: absolute;bottom: .4rem;text-align: center;width: 100%;z-index: 10;display: none}
.homeb .pgba span{opacity: .6;transition: .3s;width: 12px;height: 12px}
.homeb .pgba .active{opacity: 1;width: 30px;}


.homeb .swiper-slide  .aline_w{transition:background-size .1s}
.homeb .alin_w:hover .aline_w{transition:background-size .5s 1s}
.homeb .aline_w:hover{transition:background-size .5s 1s}


.homec{padding: 1rem 0}
.homec .sbtn{}
.homec .sbtn a.swiper-button-disabled{opacity: .5;pointer-events: none}
.homec .sbtn a.prev{left: 70%;}
.homec .sbtn a.next{left: calc(70% + .7rem);}
.homec .sbtn a{display: block;width: .6rem;height: .6rem;border: 1px solid #074f9e;text-align: center;line-height: .58rem;border-radius: 50%;color: #074f9e;font-size: .26rem;transition: .3s;position: absolute;bottom: 0;z-index: 1000;}
.homec .sbtn a:hover{background: #074f9e;color: #fff }
.homec .intit h3{font-size: 1.6rem;margin-right: 5%;}
.homec .intit h3 a{color:#06468d;}
.homec .slideHc{margin-top: -0.15rem;}
.homec .slideHc .swiper-slide{/* padding-top: 1.5rem; */margin-bottom: .2rem;}
.homec .slideHc .swiper-slide a{display: block;position: relative;z-index: 3}
.homec .slideHc .ui-loop{position:absolute;width: 5.5rem;height: 5.5rem;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index: 0;}
.homec .slideHc .path-loop {fill: none;stroke: #ccc;stroke-miterlimit: 10;stroke-width: 1px;opacity: 1;stroke-dasharray: 1842; stroke-dashoffset:1842;transition: .2s} 
.homec .slideHc .swiper-slide:hover .path-loop {stroke-dashoffset:0 ;transition: 2s} 
.homec .slideHc .swiper-slide span.plus i{transform: scale(1.2);} 
.homec .slideHc .swiper-slide:hover span.plus{opacity:1;visibility:visible;transform: scale(1);} 

.homec .slideHc .pic{height: 3.2rem;position: relative;}
.homec .slideHc  span.plus{opacity: 0;visibility: hidden;transition: .5s;transform: scale(0);}
.homec .slideHc .txt{padding: .4rem 0 1rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.homec .slideHc .txt .time{width: 2rem;color: #535353}
.homec .slideHc .txt .time span{font-size: .7rem;vertical-align: top;line-height: .8em;margin-right: .2rem}
.homec .slideHc .txt .tit{width:calc(100% - 2.3rem)}
.homec .slideHc .txt .tit h4{font-size: .28rem;}
.homec .slideHc .swiper-slide a{display: block;margin: 0 5%}
.homec .pgba{width: 69%;position: relative;height: 2px;background: #eee;margin-top: -.3rem;}
.homec .pgba span{width: 100%;border: 0;margin: 0;height: 2px;background: #06468d}

.homed{padding: 1rem 0  0;background: url(../images/dbg.jpg) no-repeat center;background-size: cover;position: relative;overflow: hidden;}
.homed .slideHd:after{content: '';width:4.39rem;height:8.85rem;background: url(../images/tigger.png) no-repeat top center;background-size: 100% 100%;position: absolute;left: 50%;bottom: 0;pointer-events: none;margin-left: -2.43rem;z-index:3  }
.homed .slideHd{padding-top: 1.4rem;padding-bottom: 2rem;height: 8.25rem;margin-top: -.4rem}
.homed .slideHd .swiper-slide .item:nth-child(1){margin-bottom: .6rem}
.homed .pgba{text-align:center;display: flex;justify-content: center;position: absolute;z-index: 1000;bottom: 2.1rem;}
.homed .pgba .swiper-pagination-bullet{background: #06468d;opacity: 1;}
.homed .pgba .swiper-pagination-bullet.active{width: 30px;opacity: 1;background: #efa23d;}

.homed .sico i svg{width: .8rem;height: .8rem;display: block;margin: 0 auto;position: relative;z-index: 3}
.homed .sico i svg .cls-1{fill:none;stroke:#0d56a6;stroke-miterlimit:10;stroke-width:2px;}
.homed .sico i svg .cls-2{fill:none;stroke:#0d56a6;stroke-miterlimit:10;stroke-width:2px;}
.homed .sico i svg .cls-4{fill:none;stroke:#0d56a6;stroke-miterlimit:10;stroke-width:2px;}
.homed .sico i svg .cls-5{fill:none;stroke:#0d56a6;stroke-miterlimit:10;stroke-width:2px;}
.homed .sico i svg .cls-3{stroke-linejoin:round;stroke:#0d56a6;stroke-miterlimit:10;stroke-width:2px;fill:none;}
.homed .lines{background: url(../images/line.png) repeat-x top left;height: 2.05rem;position: absolute;left: 0;bottom: 0;width:300%;z-index: 4}
.homed .item{margin: 0 22%;display: flex;justify-content: space-between;}
.homed .item .ico{width: 1.5rem;height: 1.5rem}
.homed .item .ico i{display: block;width: 100%;height: 100%;position: relative;padding-top: .35rem;}
.homed .item .ico i:before{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: 1px dashed #8db9d6;border-radius: 50%;}
.homed .item .ico i:after{content: '';position: absolute;left: 8px;top: 8px;right: 8px;bottom: 8px;background: #fff;border-radius: 50%;}
.homed .item .txt{width:calc(100% - 1.8rem);color: #074f9e;}
.homed .item .txt p{font-size: .24rem;border-bottom: 1px solid  rgba(6,70,140,.3);padding-bottom: .2rem;margin-bottom: .2rem}
.homed .item .txt .num{font-size: .9rem;}
.homed .item .txt .num span{font-weight: bold;}

@media (max-width: 1820px){
    .homed .item .txt .num{font-size:0.7rem;}
}
@media (max-width: 1400px){
    .homed .item .txt .num{font-size:.5rem;}
}
@media (max-width: 1200px){
    .homed .item{ margin: 0 15px}
}
@media (max-width: 1024px){
.intit h3{font-size: 1rem;}
.homeb .intit h3{font-size: 1.2rem}
.homea .aleft{width: 4%;}
.homea .amid{width: 56%;} 
.homea .aright{width: 40%;} 
.homea .amid .slideNtxt{width: 84%}
.homea .amid .slideNtxt h4{font-size: .26rem}
.homea .slideNpics .txt{padding: .7rem .5rem}
.homea .wp2 .pgba{display: block;}
.homeb .slideHb{margin-top: -.2rem;}
.homed .slideHd:after{left: auto;right: 0}
.homed .item{margin: 0 26% 0 10%}
.homec .intit h3{font-size: 1.2rem;margin-right: 0}
}
@media (max-width: 900px){
.intit h3{font-size: .8rem;}
.homeb .intit h3{font-size: 1rem;text-align: center;}
.homec .intit h3{font-size: 1rem;margin-right: 0}
.homeb .intit{width: 100%;text-align: center;}
.homea .wp1{left: 5%;transform: translateX(0);top: .6rem;max-width: inherit;}
.homea .aleft{width: 0;display: none}
.homea .amid{width: 100%;padding: 2.4rem 5% .5rem} 
.homea .amid .slideNtxt{position: relative;left: 0;margin: 0}
.homea .aright{width: 100%;} 
.homeb .sbtn{display: none}
.homeb .swiper-slide:after{display: none}
.homeb .pgba{display: block;}
.homec .slideHc{margin-top: -0.1rem;}
.homec .intit h3{width: 100%;text-align: center;transform: translate3d(0, 0px, 0px) !important;}
.homec{padding:0.5rem 0;}
.homed .item .txt .num{font-size: .7rem}
.homed .item{margin: 0 31% 0 5%}
.homed .slideHd:after{width:3.5rem;height: 7.06rem }
.homed .slideHd{height: 7.25rem}
.homed .lines{height: 1.65rem}
.homed .pgba{ bottom: 1rem}
}
@media (max-width: 640px){
.intit h3{font-size: .6rem;}
.homec .intit h3{font-size: .7rem}
.homea .amid{padding: 2rem 5% .5rem} 
.homea .amid .slideNtxt{width: 100%}
.homeb .slideHb{margin-top:0}
.homeb .swiper-slide{height: 7rem}
.homeb .defalut{margin: 1rem 15%}
.homeb .defalut .txt{font-size: .5rem}
.homeb .hiddenCon .pic{height:3.5rem}
.homeb .hiddenCon .txt{height:3.5rem}
.homeb .hiddenCon .txt p{-webkit-line-clamp: 4;height: auto}
.homec .slideHc .txt .time{width: 100%;margin-bottom: .2rem}
.homec .slideHc .txt .tit{width: 100%}
.homec .slideHc .txt .time span{font-size: .5rem}
.homed .sico i svg{width: .7rem;height: .7rem;}
.homed .item .ico{width: 1.3rem;height: 1.3rem}
.homed .item .ico i{padding-top: .3rem;}
.homed .item .ico i:after{left: 8px;top: 8px;right: 8px;bottom: 8px;}
.homed .item .txt{width:calc(100% - 1.5rem);color: #06468d;}
.homed .slideHd:after{width:2rem;height: 4.06rem }
.homed .item{margin: 0 5% 0 5%}
.homed .lines{height: 1.35rem}
.homed .slideHd{height: 7rem}
.homed .slideHd{padding-top: 1.2rem}
.homed{padding-top: .8rem}
.homec .slideHc .swiper-slide{}
.homeb{padding-top: .4rem}
.homea .wp2{margin-top: .6rem}
.homea .aright .pic{height: 75vw}
.homea .slideNpics .pic{right: 0}
.homea .slideNpics .txt{opacity: 0;visibility: hidden;}
.homea .slideNpics .pic .txta{transform: translateY(0);opacity:1;transition: 0}
.homea .slideNpics .pic .txta time{display:block;}
.homea .slideNpics{border: 0}
.homea .slideNpics .swiper-slide{border-right: 0}
.homec .sbtn a{width: .4rem;height: .4rem;line-height: .38rem;}
.homec .sbtn a.prev{ left: 74%}
.homec .sbtn a.next{ left: calc(74% + .5rem)}
.homec .pgba{ margin-top: -.2rem}
.homec .slideHc .txt{ padding: .4rem 0}

}
@media (max-width: 480px){
.intit h3{font-size: 11vw;}
.homeb .intit h3{font-size: 14vw}
.homec .intit h3{font-size:12vw}
.homeb .defalut .txt{font-size: 8vw;left: -.4rem;bottom: .4rem}
.homed .slideHd:after{width:1.5rem;height: 3.02rem }
.homed .lines{height: 1rem}
.homed .slideHd{height: 6.6rem}
.homed .sico i svg{width: .6rem;height: .6rem;}
.homed .item .ico{width: 1.2rem;height: 1.2rem}
.homed .item .ico i{padding-top: .3rem;}
.homed .item .ico i:after{left: 6px;top: 6px;right: 6px;bottom: 6px;}
.homed .item .txt{width:calc(100% - 1.4rem);color: #06468d;}
.homed .item .txt .num{font-size: 10vw;}
}
/*ie11*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, 
} 
/*ie10*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}