@charset "utf-8";
.banner .slide-banner .swiper-slide{overflow: hidden;}
.banner .bgimg{display: block;height: 60vw;max-height: 767px}
.banner .slide-banner .swiper-slide:after{content: '';position: absolute;left: 0;bottom: 0;right: 0;height: 30%;background: url(index_res/bamask.png) no-repeat bottom center;background-size: 100% 100%;z-index: 2;}
.banner .slide-banner .pagBa{position: absolute;;bottom: .5rem;z-index: 5;width:100%;text-align: center;}
.banner .slide-banner .pagBa span{width: 15px;height:15px;display:inline-block; opacity: .6;margin: 0 .15rem;
  position: relative;position: relative;background: url(../images/dot.png) no-repeat center;background-size: 100% 100%; vertical-align: middle;}
.banner .slide-banner .pagBa span.swiper-pagination-bullet-active{width: .65rem;height:.55rem;background:url(../images/doton.png) no-repeat center;background-size: 100% 100%;opacity: 1}
/*.banner .slide-banner .swiper-slide a.bgimg{display: block;height: 40vw;position: relative;max-height: 600px}
.banner .slide-banner .swiper-slide a.bgimg img{position: absolute;left: 50%;transform: translateX(-50%);height: auto;max-height: inherit;max-width: inherit;width:100%}*/
@media (max-width: 1366px){
 .banner .slide-banner .pagBa{bottom: .2rem} 
}
@media (max-width: 1180px){

}
@media (max-width: 640px){
.banner .bgimg{display: block;height: 50vw;}
 .banner .slide-banner .pagBa{bottom: .1rem} 
/*.banner .slide-banner .swiper-slide a.bgimg{display: block;height: 50vw;position: relative;}*/
.banner .slide-banner .pagBa span{width: 10px;height:10px;margin: 0 .1rem}
.banner .slide-banner .pagBa span.swiper-pagination-bullet-active{width: .6rem;height:.5rem;}
}
.homea{background: url(index_res/abg.png) no-repeat center;background-size: cover;padding: .75rem 0 .65rem;position: relative;}
.homea .intit{text-align: center;margin-bottom: .5rem}
.homea .line{height: 8px;background: #7840ad;position: absolute;top: 0;left: 0;right: 0;}
.homea .line:before{background: #21599d;content: '';position: absolute;top: 0;left: 0;width: 33.33333%;bottom: 0;}
.homea .line:after{background: #2396df;content: '';position: absolute;top: 0;left: 33.33333%;width: 33.33333%;bottom: 0;}
.homea .items .item{width: 45.6%}
.homea .items .item .pic{height: 4.4rem}
.homea .items .item .txt{background: #fff;height: 1.4rem;padding: .25rem .2rem .2rem }
.homea .items .item .txt h4{font-size: .2rem;margin-bottom: .15rem;line-height: 1.4em}
.homea .items .item .txt p{font-size: .15rem;color: #666;line-height: 1.6em;max-height: .48rem\0}
.homea .items ul{width: calc(27.2% - .4rem)}
.homea .items ul li .pic{height: 2.25rem}
.homea .items ul li.l1 .txt{height: 1.3rem;background: #fff;padding:  .25rem .2rem .2rem }
.homea .items ul li.l1 .txt h4{font-size: .18rem;margin-bottom: .1rem}
.homea .items ul li.l1 .txt p{font-size: .14rem;color: #666;line-height: 1.8em;max-height: .5rem\0}
.homea .items ul li.l2{height: 1.9rem;padding:  .3rem .2rem .2rem}
.homea .items ul li.l2 h4{font-size: .18rem;margin-bottom: .15rem;line-height: 1.6em;color: #fff;max-height: .56rem\0}
.homea .items ul li.l2 p{font-size: .14rem;color: rgba(255,255,255,.7);line-height: 1.8em;max-height: .5rem\0}
.homea .items ul.ul1 li.l2{background: url(index_res/a1bg1.jpg) no-repeat center;background-size: cover;margin-top: .35rem}
.homea .items ul.ul2 li.l2{background: url(index_res/a1bg2.jpg) no-repeat center;background-size: cover;margin-bottom: .35rem}
.homea .more{margin-top: .6rem}
.homea .more a{display: inline-block;line-height: .2rem;padding-right: .45rem;background:url(../images/arr1.svg) no-repeat right center;background-size: auto 100%;font-size: .18rem;color: #21599d}
.homea .more a span{display: block;font-size: .12rem;text-transform: uppercase;opacity: .8}
.intit span{font-size: .32rem}
.homeb{height: 4.8rem}
.homeb:after{content: '';position: absolute;top: 0;bottom: 0;right: 0;width: 52.5%;background: url(index_res/b2.jpg) no-repeat center;background-size: cover}
.homeb .pics{position: absolute;left: 0;top: 0;bottom: 0;width: 47.5%;}
.homeb .pics .pic{height: 100%}
.homeb .aright{width: 50%;position: relative;z-index: 3;padding-top: .55rem}
.homeb .aright .intit{color: #fff;margin-bottom: .45rem}
.homeb .aright .intit a{color: #fff;display: inline-block;line-height: .3rem;padding-right: .3rem;background:url(../images/arr1.svg) no-repeat right center;background-size: auto 100%;position: absolute;right: 0;top: .08rem;opacity: .6}
.homeb .aright .intit a:hover{opacity: 1}
.homeb .aright ul li{width: 48%;margin-bottom: .5rem;padding-left: .15rem;border-left: 3px solid #ddb333}
.homeb .aright ul li time{color: #2396df}
.homeb .aright ul li h4{color: #fff;line-height: 1.6em;margin-top: .05rem;max-height: .5rem\0}
.homeb .aright ul li:nth-last-child(1){margin-bottom: 0}
.homeb .aright ul li:nth-last-child(2){margin-bottom: 0}

@keyframes scaleThree{0%{transform:scale(1);opacity:1}100%{transform:scale(1.2);opacity:0}}
@keyframes scaleTwo{0%{transform:scale(1);opacity:1}100%{transform:scale(1.2);opacity:0}}

.homec{background: url(index_res/cbg.png);padding-bottom: .8rem;padding-top: .6rem}
.homec .slide-hc .item .svg1{position: absolute;width: 1.5rem;height: 1.4rem;left: 50%;top: 50%;margin-left: -.75rem;margin-top: -.7rem;z-index: 0;animation: scaleThree 2s ease-out infinite;}
.homec .slide-hc .item .svg2{position: absolute;width: 1.3rem;height: 1.2rem;left: 50%;top: 50%;margin-left: -.65rem;margin-top: -.6rem;z-index: 0;animation: scaleTwo 2s ease-out infinite;}
.homec .slide-hc .item.c1 .cls-1{fill:none;stroke:#2396df;stroke-miterlimit:10;stroke-width:1px;}
.homec .slide-hc .item.c2 .cls-1{fill:none;stroke:#7840ad;stroke-miterlimit:10;stroke-width:1px;}
.homec .slide-hc .item.c3 .cls-1{fill:none;stroke:#5249bf;stroke-miterlimit:10;stroke-width:1px;}
.homec .slide-hc .item.c4 .cls-1{fill:none;stroke:#1b467b;stroke-miterlimit:10;stroke-width:1px;}
.homec .slide-hc .item.c5 .cls-1{fill:none;stroke:#225ca3;stroke-miterlimit:10;stroke-width:1px;}

.homec .slide-hc{height: 4.75rem;padding-top: .2rem}
.homec .slide-hc .item{}
.homec .slide-hc .item p{color: #0d417b;font-size: .2rem;margin-top: .1rem;text-align: center;}
.homec .slide-hc .item .pic{margin: 0 auto;width: 1.34rem;position: relative;}
.homec .slide-hc .item .pic img{position: relative;z-index: 3}
.homec .line{height: .8rem;background: #7840ad;position: absolute;bottom: 0;left: 0;right: 0;display: flex;justify-content: space-between;}
.homec .line div{width: 33.3333%}
.homec .line .c1{background: #21599d;position: relative;}
.homec .line .c2{background: #2396df;position: relative;}
.homec .line .c1:before{content: '';width: 0;height: 0;border: .4rem solid transparent;border-left-color:#21599d;position: absolute;left: 100%;top: 0;z-index: 2 }
.homec .line .c2:before{content: '';width: 0;height: 0;border: .4rem solid transparent;border-left-color:#2396df;position: absolute;left: 100%;top: 0;z-index: 2 }
.homec .sqac{position: absolute;bottom: -1rem;z-index: 5;width: 100%;left: 0;z-index: 15}
.homec .sqac .sq{width: 2.76rem;height: 3.2rem;background: url(index_res/hd2.png) no-repeat center;background-size: 100% 100%;position: relative;z-index: 5}
.homec .sqac .sq h4{font-size: .32rem;text-align: center;color: #fff;margin-bottom: .2rem;}
.homec .sqac .sq .next{}
.homec .sqac .sq .next img{height: .5rem;}
.homec .sqac svg{opacity: .3}
.homec .sqac  .svgline1{position: absolute;width: 3.4rem;height: 3.8rem;left: 50%;top: 50%;margin-left: -1.7rem;margin-top: -1.9rem;z-index: 0;animation: scaleThree 2s ease-out infinite;}
.homec .sqac  .svgline2{position: absolute;width: 2.8rem;height: 3.2rem;left: 50%;top: 50%;margin-left: -1.4rem;margin-top: -1.6rem;z-index: 0;animation: scaleTwo 2s ease-out infinite;}

.compensate-for-scrollbar{margin-right: 0!important}
.fancybox-video{object-fit: cover}
.homed{}
.homed .pic{height: 7rem}
.homed .pic:before{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.3);z-index: 1;content: ''}
.homed  .pic .slog{position: absolute;left: 0;width: 100%;padding: 0 5%;top: 30%;z-index: 2}
.homed  .pic .slog img{margin: 0 auto;height: 1rem}
.homed  .pic .swi-play{width: .66rem;height: .66rem;background: rgba(0,0,0,.5) url(../images/play.png) center no-repeat;;border-radius:50%;position: absolute;left: 50%;top: 60%;transform: translateX(-50%) translateY(-50%);z-index: 3;text-align: center;line-height: .66rem;color: #fff;font-size: .3rem;padding-left: 5px}
.homed  .pic .swi-play:after{content: '';position: absolute;left: 50%;top: 50%;margin-left: -.51rem;margin-top: -.51rem; width: 1rem;height: 1rem;border: 1px dashed rgba(255,255,255,.6);border-radius: 50%;animation:roted 60s linear infinite;}

@media (max-width: 980px){
.homea .items .item{width: 100%;margin-bottom: .3rem}
.homea .items .item .pic{height: 50vw}
.homea .items ul{width: calc(50% - .15rem);}
.homea .items ul.ul1 li.l2{margin-top: .3rem}
.homea .items ul.ul2 li.l2{margin-bottom: .3rem}
.homeb{height: auto}
.homeb .wp{width: 100%}
.homeb:after{display: none}
.homeb .pics{position: relative;height: 45vw;width: 100%}
.homeb .aright{width: 100%;background: url(index_res/b2.jpg) no-repeat center;background-size: cover;padding: .6rem 5% }
.homea .items .item .txt{height: auto;padding: .3rem}
.homed .pic{height: 5.5rem}
.homed .pic .slog img{height: .8rem}
}

@media (max-width: 640px){
.homec .sqac{bottom: -.6rem}
.homec .sqac .sq{width: 2.23rem;height: 2.5rem;}
.homec .sqac .sq h4{font-size: .25rem;}
.homec .sqac  .svgline1{width: 2.8rem;height: 3.2rem;margin-left: -1.4rem;margin-top: -1.6rem;}
.homec .sqac  .svgline2{width: 2.4rem;height: 2.7rem;margin-left: -1.2rem;margin-top: -1.35rem;}
.homec .slide-hc{height: 4.25rem}
.homea{padding: .65rem 0 .6rem}
.homed .pic .slog img{height: auto}
.homed  .pic .swi-pla{padding-left: 0}
}
@media (max-width: 480px){
.homea .intit{margin-bottom: .4rem}
.homea .items .item .pic{height: 55vw}
.homeb .aright ul li{width:100%;margin-bottom: .4rem}
.homeb .aright ul li:nth-last-child(2){margin-bottom: .4rem}
.homea .items ul{width: 100%}
.homea .items ul.ul1{margin-bottom: .3rem}
.homea .items ul li.l2{height: auto;padding: .3rem}
.homea .items ul li.l1 .txt{height: auto;padding: .3rem}
.homea .items ul li.l1 .txt h4,.homea .items ul li.l2 h4{font-size: .2rem}
.homea .items ul li .pic{height:50vw}
}