.swiper-container{width:100%;height:100%;position:absolute;top:0;left:0;--swiper-navigation-color:#fff}
.swiper-button-next,
.swiper-button-prev{outline:0
}
.swiper-pagination-bullet{width:5px;height:5px;color:#a8afb7;background-color:transparent;border:1px solid #fff;opacity:0.7}
.swiper-pagination-bullet>b{visibility:hidden;font-weight:normal}
.swiper-pagination-bullet-active{color:#fff;background-color:#fff;opacity:1;outline:none}
.swiper-pagination-bullet-active>b{visibility:visible}
.swiper-container.swiper-container-banner{--swiper-theme-color:#fff;--swiper-pagination-color:#fff}
.swiper-container-banner .swiper-slide{background-size:100% 100%} 
.pc .banner-slide1{background:url(../image/index/banner/bg1.jpg) top left no-repeat;background-size:100% 100%}
/* banner文字图 */
.banner-font{position:absolute;top:0;bottom:0;margin:auto;height:0}
.banner-font>img{position:absolute;top:0;width:100%;height:100%;max-width:100%;max-height:100%}
.banner-slide1 .banner-font{left:8.75%;width:39.217%;padding-top:17.216%;background:url(../image/index/banner/font.png) top left no-repeat;background-position:top left;background-repeat:no-repeat;background-size:100% 100%}
.banner-slide2 .banner-font{position:absolute;left:8.75%;margin-top:10%;width:51.406%;padding-top:8.49%;background-position:top left;background-repeat:no-repeat;background-size:100% 100%;z-index:-1}
.banner-slide4 .banner-font{left:9.0625%;width:44.271%;padding-top:12.292%;background-position:top left;background-repeat:no-repeat;background-size:100% 100%}
.banner-slide5 .banner-font{left:0;right:0;margin-top:8%;width:48.49%;padding-top:9.948%;background-position:top left;background-repeat:no-repeat;background-size:100% 100%}
.banner-slide6 .banner-font{left:9.063%;width:40.521%;padding-top:14.583%;background-position:top left;background-repeat:no-repeat;background-size:100% 100%}
/* banner配图 */
.banner-slide1 .banner-list-img{position:absolute;right:7.083%;top:32.12%;width:33.698%;height:36.5%}
.banner-list-img>img,
.banner-img>img{position:absolute;left:0;top:0;width:100%;height:100%}
.banner-slide1 .banner-list-img img,
.banner-slide2 .banner-list-img img{display: none}
.banner-slide2 .banner-list-img{position:absolute;right:38.583%;top:36.32%;width:24.331%;padding-top:14.1%;z-index:-1}
.banner-slide2 .banner-img{position:absolute;left:20.126%;top:34.72%;width:59.947%;padding-top:25.417%}
.banner-slide4 .banner-img{position:absolute;top:0;bottom:0;margin:auto 0;right:9.635%;width:32.5%;padding-top:24.531%;height:0}
.banner-slide5 .banner-img{position:absolute;left:0;right:0;margin:auto;margin-top:21.052%;width:68.854%;padding-top:28.678%}
.banner-slide6 .banner-img{position:absolute;bottom:0;right:3.385%;width:44.948%;padding-top:46.875%}
.banner-down{position:absolute;right:8.75%;bottom:-2.95%;background:url(../image/index/banner/down-slide.png) top left no-repeat;background-size:100% 100%;width:2.448%;padding-top:10.052%;z-index:1}
.swiper-container-horizontal>.swiper-pagination-bullets.banner-pagination{bottom:.71rem}
.banner-pagination .swiper-pagination-bullet{width:.61rem;height:4px;background-color:rgba(255,255,255,.3);border-radius:4px;border:0}
.banner-pagination .swiper-pagination-bullet-active{background-color:#fff}

/* 各个模块头部标题控制 */
.solution-title,
.vrcourse-title,
.cooperation-title,
.about-title,
.news-title,
.contact-title{position:absolute;top:5.278%;left:0;right:0;margin:0 auto;width:76.042%;text-align:center;margin-top:.8rem}
.pc .solution-title,
.pc .vrcourse-title,
.pc .cooperation-title,
.pc .about-title,
.pc .news-title,
.pc .contact-title{min-width:1280px;min-height:90px}
.solution-title-font,
.cooperation-title-font,
.about-title-font,
.vrcourse-title-font,
.news-title-font,
.contact-title-font{width:100%;height:100%;text-align:left}

.solution-title-font>h2,
.vrcourse-title-font>h2,
.cooperation-title-font>h2,
.news-title-font>h2,
.about-title-font>h2,
.contact-title-font>h2{font-size:0.4rem;line-height:1}

.vrcourse-title-font>h2,
.contact-title-font>h2,
.news-title-font>h2{color:#fff}

.solution-title-font>p,
.vrcourse-title-font>p,
.cooperation-title-font>p,
.about-title-font>p,
.news-title-font>p,
.contact-title-font>p{font-size:0.26rem;color:#848E9F;line-height:2}
/* 解决方案 */
.pc .slide2{background-position:top left;background-repeat:no-repeat;background-size:cover}
.solution-container{position:absolute;top:14.481%;left:0;right:0;bottom:0;margin:auto;width:76.042%;height:57%}
.pc .solution-container{min-width:1280px}
.solution-container .swiper-wrapper{height:88%;top:6%}
.solution-container .swiper-slide{width:100%;height:auto;cursor:pointer;padding:.2rem .15rem;border-bottom:0.03rem solid transparent;background-color:#fff;position:relative;top:0;transition:all .3s linear}
.solution-container.fadeIn .swiper-slide{animation:fadeInUp .4s ease-out backwards}
.solution-container .swiper-slide::after{width:100%;display:block;content:'';padding-top:0.88rem;position:absolute;bottom:-0.88rem;margin:0 -0.13rem}
.solution-container .swiper-slide:hover{box-shadow:0px 3px 10px 0px rgba(25, 45, 92, 0.25);border-bottom:0.03rem solid #2B60B5;top:-6%;transition:all .3s linear}
.solution-container .swiper-slide:hover .solution-item-title{color:#2B60B5}
.solution-container .swiper-slide h3,
.solution-container .swiper-slide .solution-item-title{position:relative;z-index:1;width:100%;padding:0.2rem 0 .2rem;font-size:0.20rem;color:#192944;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.solution-container .swiper-slide .solution-img{display:block;width:100%;padding-top:56.311%;overflow:hidden;text-align:center;position:relative}
.solution-container .solution-slide1 .solution-img{background:url(../image/index/solution/vr.jpg) left center no-repeat;background-size:100% 100%;transition:all .3s ease}
.solution-container .solution-slide2 .solution-img{background:url(../image/index/solution/o2o.jpg) left center no-repeat;background-size:100% 100%;transition:all .3s ease}
.solution-container .solution-slide3 .solution-img{background:url(../image/index/solution/vp.jpg) left center no-repeat;background-size:100% 100%;transition:all .3s ease}
.solution-container .solution-slide4 .solution-img{background:url(../image/index/solution/va.jpg) left center no-repeat;background-size:100% 100%;transition:all .3s ease}
.solution-container .solution-slide1:hover .solution-img{background:url(../image/index/solution/vr-h.jpg) left center no-repeat;background-size:100% 100%;transition:all .3s ease}
.solution-container .solution-slide2:hover .solution-img{background:url(../image/index/solution/o2o-h.jpg) left center no-repeat;background-size:100% 100%;transition:all .3s ease}
.solution-container .solution-slide3:hover .solution-img{background:url(../image/index/solution/vp-h.jpg) left center no-repeat;background-size:100% 100%;transition:all .3s ease}
.solution-container .solution-slide4:hover .solution-img{background:url(../image/index/solution/va-h.jpg) left center no-repeat;background-size:100% 100%;transition:all .3s ease}
.solution-container .swiper-slide img{display:none;position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.6s}
.solution-container .swiper-slide .solution-words{width:100%;font-size:0.14rem;color:#192944;margin-bottom:0.08rem;letter-spacing:1px;line-height:.22rem;-webkit-line-clamp:4;line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;text-align:justify}
.solution-container .swiper-slide .solution-order{display:block;width:100%;height:.66rem;padding-right:0.03rem;margin-bottom:.2rem;position:relative;z-index:1}
.solution-container .swiper-slide .solution-order>img{display:none;width:2.4rem;height:.66rem
}
.solution-container .solution-slide1 .solution-order{background:url(../image/index/solution/vrs-100.png) left center no-repeat;background-size:2.4rem 100%;transition:all .3s ease}
.solution-container .solution-slide2 .solution-order{background:url(../image/index/solution/mcooc.png) left center no-repeat;background-size:2.4rem 100%;transition:all .3s ease}
.solution-container .solution-slide3 .solution-order{background:url(../image/index/solution/vsp-100.png) left center no-repeat;background-size:2.4rem 100%;transition:all .3s ease}
.solution-container .solution-slide4 .solution-order{background:url(../image/index/solution/vmc-100.png) left center no-repeat;background-size:2.4rem 100%;transition:all .3s ease}
.solution-container .solution-slide1:hover .solution-order{background:url(../image/index/solution/vrs-100-h.png) left center no-repeat;background-size:2.4rem 100%;transition:all .3s ease}
.solution-container .solution-slide2:hover .solution-order{background:url(../image/index/solution/mcooc-h.png) left center no-repeat;background-size:2.4rem 100%;transition:all .3s ease}
.solution-container .solution-slide3:hover .solution-order{background:url(../image/index/solution/vsp-100-h.png) left center no-repeat;background-size:2.4rem 100%;transition:all .3s ease}
.solution-container .solution-slide4:hover .solution-order{background:url(../image/index/solution/vmc-100-h.png) left center no-repeat;background-size:2.4rem 100%;transition:all .3s ease}
.solution-container .swiper-slide .solution-order::after{content:'';position:absolute;top:-.1rem;right:0;width:1.15rem;height:.78rem;font-size:1rem;font-weight:bold;color:rgba(197,197,197,.2);z-index:0}
.solution-container .solution-slide1 .solution-order::after{background:url(../image/index/solution/order1.png) center center no-repeat;background-size:100% 100%}
.solution-container .solution-slide2 .solution-order::after{background:url(../image/index/solution/order2.png) center center no-repeat;background-size:100% 100%}
.solution-container .solution-slide3 .solution-order::after{background:url(../image/index/solution/order3.png) center center no-repeat;background-size:100% 100%}
.solution-container .solution-slide4 .solution-order::after{background:url(../image/index/solution/order4.png) center center no-repeat;background-size:100% 100%}
.solution-container .swiper-slide .solution-btn{position:relative;display:block;width:1rem;height:.4rem;border:1px solid rgba(44,96,181,.61);margin-top:.71rem}
.solution-container .solution-btn button{display:block;width:100%;height:100%;background-color:transparent;color:#2B60B5;outline:none;border:0;font-size:0.14rem;text-align:left;text-indent:.36rem;transition:text-indent .3s linear}
.solution-container .solution-btn button::after{content:'\2192';font-size:.14rem;position:absolute;left:50%;top:0;line-height:.4rem;opacity:0;transition:left .3s linear}
.solution-container .solution-btn:hover button{background:#2B60B5;color:#fff;text-indent:.25rem;transition:text-indent .3s linear}
.solution-container .solution-btn:hover button::after{left:70%;opacity:1;text-indent:0;transition:left .3s linear}
.solution-nav-box,
.cooperation-nav-box{position:absolute;top:10.278%;left:0;right:0;margin:0 auto;margin-top:.8rem;width:76.042%}
.pc .solution-nav-box,
.pc .cooperation-nav-box{min-width:1280px}
.cooperation-nav{width:20%}
.solution-nav-box:before,
.cooperation-nav-box:before{content:'';position:absolute;bottom:0;left:0;width:100%;border-bottom:.03rem solid #C0CCE0}
.solution-nav{display:flex;align-items:center;justify-content:space-between;position:relative;width:55.479%;margin-left:44.521%}
.cooperation-nav{display:flex;align-items:center;justify-content:space-between;position:relative;width:12%;margin-left:88%}
.solution-nav>li,
.cooperation-nav>li{color:#192944;font-size:.18rem;line-height:.48rem;cursor:pointer;position:relative}
.solution-nav>li:after,
.cooperation-nav>li:after{content:'';position:absolute;bottom:0;left:50%;width:0;border-bottom:.03rem solid #2B60B5;transition:all .3s ease-in-out}
.solution-nav>li:hover,
.solution-nav>li.active,
.cooperation-nav>li:hover,
.cooperation-nav>li.active{color:#2B60B5 }
.solution-nav>li:hover:after,
.solution-nav>li.active:after,
.cooperation-nav>li:hover:after,
.cooperation-nav>li.active:after{left:0;width:100%;transition:all .3s ease-in-out}
/* 虚拟课程 */
.slide3{overflow:hidden;background-color:rgba(0,0,0,.5)}
.slide3>img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover; z-index:-2;opacity:0;transition:opacity 0.5s linear}
.slide3 img.prevIndex{z-index:1}
.slide3 img.active{z-index:-1;opacity:1}
.swiper-container-vrcourse{position:absolute;top:34.481%;left:0;right:0;margin:0 auto;width:63.542%;height:48.4%;z-index:3}
.swiper-container-vrcourse .swiper-slide{text-align:center;font-size:0.32rem;color:#fff;width:25%;height:calc(33.3% - 10px);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-container-vrcourse .border-box{display:block;position:relative;width:100%;height:100%;padding:0.2rem;background-color:rgba(84,92,100,.3)}
.swiper-container-vrcourse.fadeIn .border-box{animation:zoomIn 1s ease-out backwards}
.swiper-container-vrcourse .border-box:hover{background-color:#2B60B5;transition:background-color .3s linear}
.swiper-container-vrcourse .border-box span>img{width:.41rem;height:.41rem;margin-top:-2%;display:inline-block;margin-right:2%;vertical-align:middle}
.swiper-container-vrcourse .border-box span{vertical-align:middle;font-size:0.24rem;height:0.42rem;line-height:0.42rem;color:#fff;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;text-align:left;padding:0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-indent:0}
/* 合作案例 */
.pc .slide4{/* background:url(../image/index/cooperation/bg.jpg) no-repeat top left; */
  background-position:top left;background-repeat:no-repeat;background-size:cover}
.cooperation-top-container{position:absolute;top:36.481%;left:0;right:0;width:71.062%; 
  height:50.067%;margin-left:auto;margin-right:auto}
.cooperation-top-container .cooperation-top-tilte{position:relative;margin:auto;width:31.129%;margin-bottom:3.381%;line-height:0.4rem;font-size:0.24rem;color:#007CD8;text-align:center;background:url(../image/index/cooperation/top-title.png) center center no-repeat;background-size:auto 100%}
.cooperation-top-container .swiper-wrapper{top:13.743%;height:54.515%}
.cooperation-top-container .swiper-slide{position:relative;height:auto;margin:0 auto;text-align:center;background:#fff;background-size:100% 100%;transform:scale(0.8)}
.cooperation-top-container .swiper-slide::before{content:'';display:block;width:100%;padding-top:56.25%}
.pc .cooperation-top-shadow{position:absolute;left:0;bottom:-41.523%;z-index:1;width:100%;height:41.523%}
.phone .cooperation-top-shadow{display:none}
.pc .swiper-slide-active .cooperation-top-shadow{height:51.647%;bottom:-51.647%}
.cooperation-top-container .swiper-slide-active,
.cooperation-top-container .swiper-slide-duplicate-active{transform:scale(1.2);z-index:1}
.cooperation-top-prev{position:absolute;top:45.7%;left:16.8%;z-index:1;width:19%;height:22%;cursor:pointer}
.cooperation-top-next{position:absolute;top:45.7%;right:16.8%;z-index:1;width:19%;height:22%;cursor:pointer}
.cooperation-down-container{display:none;position:absolute;top:38.641%;left:0;right:0;margin-left:auto;margin-right:auto;width:56.875%;height:0;padding-top:20%}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-ms-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;margin:0 auto}
.cooperation-down-container>.swiper-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}
.cooperation-down-logos{width:100%;flex-basis:100%;display:flex;flex-wrap:wrap}
.cooperation-down-container .cooperation-down-logos .swiper-slide{width:16.666%;height:calc(50% - 1px);background-color:rgba(255,255,255,.1);border-right:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);background-size:auto 60%}
.cooperation-down-container .cooperation-slide1{
 background:url(../image/index/cooperation/down1.png) center center no-repeat}
.cooperation-down-container .cooperation-slide2{background:url(../image/index/cooperation/down2.png) center center no-repeat}
.cooperation-down-container .cooperation-slide3{background:url(../image/index/cooperation/down3.png) center center no-repeat}
.cooperation-down-container .cooperation-slide4{background:url(../image/index/cooperation/down4.png) center center no-repeat}
.cooperation-down-container .cooperation-slide5{background:url(../image/index/cooperation/down5.png) center center no-repeat}
.cooperation-down-container .cooperation-slide6{background:url(../image/index/cooperation/down6.png) center center no-repeat}
.cooperation-down-container .cooperation-slide7{background:url(../image/index/cooperation/down7.png) center center no-repeat}
.cooperation-down-container .cooperation-slide8{background:url(../image/index/cooperation/down8.png) center center no-repeat}
.cooperation-down-container .cooperation-slide9{background:url(../image/index/cooperation/down9.png) center center no-repeat}
.cooperation-down-container .cooperation-slide10{background:url(../image/index/cooperation/down10.png) center center no-repeat}
.cooperation-down-container .cooperation-slide11{background:url(../image/index/cooperation/down11.png) center center no-repeat}
.cooperation-down-container .cooperation-slide12{background:url(../image/index/cooperation/down12.png) center center no-repeat}
.cooperation-down-container .cooperation-slide13{background:url(../image/index/cooperation/down13.png) center center no-repeat}
.cooperation-down-container .cooperation-slide14{background:url(../image/index/cooperation/down14.png) center center no-repeat}
.cooperation-down-container .cooperation-slide15{background:url(../image/index/cooperation/down15.png) center center no-repeat}
.cooperation-down-container .cooperation-slide16{background:url(../image/index/cooperation/down16.png) center center no-repeat}
.cooperation-down-container .cooperation-slide17{background:url(../image/index/cooperation/down17.png) center center no-repeat}
.cooperation-down-container .cooperation-slide18{background:url(../image/index/cooperation/down18.png) center center no-repeat}
.cooperation-down-container .cooperation-slide19{background:url(../image/index/cooperation/down19.png) center center no-repeat}
.cooperation-down-container .cooperation-slide20{background:url(../image/index/cooperation/down20.png) center center no-repeat}
.cooperation-down-container .cooperation-slide21{background:url(../image/index/cooperation/down21.png) center center no-repeat}
.cooperation-down-container .cooperation-slide22{background:url(../image/index/cooperation/down22.png) center center no-repeat}
.cooperation-down-container .cooperation-slide23{background:url(../image/index/cooperation/down23.png) center center no-repeat}
.cooperation-down-container .cooperation-slide24{background:url(../image/index/cooperation/down24.png) center center no-repeat}
.cooperation-down-container .cooperation-slide25{background:url(../image/index/cooperation/down25.png) center center no-repeat}
.cooperation-down-container .swiper-slide .cooperation-back{display:none;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(49, 94, 143, 0.97);box-sizing:border-box;padding:16.412% 15.649%;box-sizing:border-box}
.cooperation-down-container .swiper-slide:hover .cooperation-back{display:block}
/*  */
.cooperation-back-box{position:relative;width:100%;height:100%;overflow:hidden}
.cooperation-back-box::-webkit-scrollbar{width:2px;height:100%;}
.cooperation-back-box::-webkit-scrollbar-track{background:rgb(0, 0, 0, 0.1);border-radius:2px;width:2px}
.cooperation-back-box::-webkit-scrollbar-thumb{background:#4a7eb8;width:8px}
.cooperation-back-box::-webkit-scrollbar-thumb:hover{background:#2f5886}
.cooperation-back-box::-webkit-scrollbar-corner{background:#fff}
.cooperation-back-box ul{overflow:visible}
.cooperation-back-box li{font-size:0}
.cooperation-back-box .cooperation-back-item a::before{content:'|';font-size:0.16rem;color:#007CD8;font-weight:bold;/*  display:inline-block;vertical-align:middle; */
  line-height:0.3rem;margin-right:0.1rem}
.cooperation-back-box .cooperation-back-item a{display:block;font-size:0.16rem;line-height:0.3rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cooperation-down-container .swiper-slide .cooperation-back>p::before{content:'|';font-size:0.16rem;color:#007CD8;font-weight:bold;display:inline-block;vertical-align:middle}

.cooperation-down-container .swiper-slide .cooperation-back>p{font-size:0.16rem;line-height:0.3rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.cooperation-down-prev,
.cooperation-down-next{display:none;width:0.286rem;height:0.352rem;position:absolute;top:76.177%;margin-top:-0.22rem;background-size:0.27rem 0.44rem}

.cooperation-down-prev{left:6.402%}

.cooperation-down-next{left:93.598%}

/* 新闻公告 */
.pc .slide5{/* background:url(../image/index/news/news-bg.jpg) center center no-repeat; */
  background-repeat:repeat;background-position:center;background-size:cover}
.news-banner{position:absolute;/* width:63.542%; */
  width:76.042%;left:0;right:0;top:26%;margin:0 auto;padding-top:31.458%;height:0}
.pc .news-banner{min-width:1280px}
.news-banner .news-left-img{position:absolute;left:0;top:0 ;width:41.055%;height:100%}
.news-banner .news-left-img>img{width:auto;height:100%}
.news-banner .news-container{height:80%;width:54.718%;left:auto;right:0;bottom:0;margin:auto}
.news-container .swiper-wrapper{height:100%}
.news-container .swiper-slide{height:33.3%!important;border-bottom:1px solid #2B374B;display:flex;flex-wrap:wrap;justify-content:flex-end;padding:.2rem .2rem 0;transition:all .3s ease-out}

.news-container .news-img{width:100%;height:0;padding-top:61.892%;position:relative;overflow:hidden}
.news-container .news-img img{width:100%;height:100%;position:absolute;top:0;left:0;transition:all .3s linear}
.news-container .swiper-slide:hover .news-img img{transform:scale(1.1);transition:all .3s linear}
.news-container .news-time{width:.78rem;color:#fff;/* transition:1s; */
}

.news-container .news-time>span{display:block;width:100%;text-align:center;line-height:1;font-size:0.14rem;text-align:right}
.news-container .news-time>span:first-child{font-size:.26rem;line-height:.38rem;padding-top:.05rem}
.news-container .news-cont{display:block;width:calc(100% - .78rem);padding:0 0 0 0.35rem;overflow:hidden}

.news-container .news-cont>h2{font-size:0.22rem;line-height:0.48rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:1s}

.news-container .news-cont>p{font-size:0.16rem;line-height:0.26rem;height:0.52rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff
}
.news-time-phone{display:none}
.news-container .swiper-slide:hover{background-color:#2B60B5;transition:all .3s ease-in}
.news-link{color:#fff;font-size:.14rem;position:relative;line-height:.19rem;display:inline-block;padding-right:.3rem}
.news-link:hover{color:#fff}
/* .news-link:after{content:'\2192';position:absolute;left:50%;opacity:0;line-height:.19rem} */
.news-container .swiper-slide:hover .news-link:after{left:.66rem;opacity:1;transition:all .3s linear}

/* 关于我们 */
.about-container{width:76.042%;height:71.43%;position:absolute;left:0;right:0;/* top:0.8rem; */
  bottom:0;margin:auto;/* background:url(../image/index/about/about-bg.jpg) top left no-repeat; */
  background-size:100% 100%}
.pc .about-container{min-width:1280px}
.about-video{position:absolute;top:0;left:0;width:48.115%;padding-top:27.065%;height:0;outline:0;cursor:pointer}
.about-video>img{
position:absolute;
top:0;
left:0;width:100%;
height:100%;
object-fit:fill}
.about-info{position:absolute;top:0;right:0;margin:auto;max-width:51.885%;width:48.115%;max-height:3.78rem}

.about-info>h3{display:inline-block;font-size:0.3rem;line-height:0.4rem;margin:0 0 0.17rem}
/* .about-info>h3:after{content:'';display:block;width:1.2rem;border-bottom:.04rem solid #1A2A45} */
.about-info>p{font-size:0.16rem;line-height:0.24rem;text-align:justify}

.info-index{width:100%;padding-top:.2rem;font-size:0;text-align:center;border-top:1px solid #B2B5D3;/* position:absolute;bottom:0; */
  display:flex;justify-content:space-between}

.info-index>li{display:inline-block;text-align:left;font-weight:bold}

.info-index>li+li{margin-left:10.56%;text-align:center}
.info-index>li>span{font-size:0.3rem}

.info-index>li>span:last-child{font-size:0.14rem;display:block;text-align:center;margin-top:.1rem;font-weight:normal
}
.info-index>li>span>sup,
.info-index>li>span>sub{font-size:0.28rem}
.info-index>li>span>sub>sup{font-size:.2rem}
.info-index>li>span>b{font-size:0.24rem;font-weight:normal;line-height:1}
.info-index>li>span:first-child{display:inline-block;height:.30rem;width:auto;font-size:.30rem;line-height:1;vertical-align:middle}
.about-slogan{display:none;position:absolute;top:0.4rem;right:2.07rem;width:3.34rem;text-align:justify;color:rgba(229, 243, 255, 0.45);font-size:0.3rem}
.about-slogan span{display:inline-block}
.about-slogan span:last-child{width:100%}
.slide6 .about-footer-left{width:50%;position:absolute;left:0;bottom:.74rem}
.slide6 .about-footer-left>p{line-height:2;font-size:.16rem}
.slide6 .about-footer-left .phone{font-size:.24rem;font-weight:bold;line-height:.6rem}
.slide6 .about-footer-right{width:50%;position:absolute;right:0;bottom:.54rem}
.slide6 .about-footer-right>div{float:right;text-align:center;font-size:.16rem}
.slide6 .about-footer-right>div>div{width:1.36rem;height:1.36rem;padding:.1rem;background:#F2F4F7;box-shadow:0px 0px 2px 0px rgba(52, 64, 103, 0.26);border-radius:2px}
.slide6 .about-footer-right>div>div>img{width:100%;height:100%}
.slide6 .about-footer-right>div>span{line-height:.35rem}
.slide6 .about-footer-right::after{content:'';clear:both;display:block;height:0;width:100%}
.slide6 .about-footer-info{width:100%;position:absolute;bottom:0;left:0;border-top:1px solid #A3A8B3;text-align:center;padding:.1rem 0;font-size:.14rem}
.slide6 .about-footer-info>span{margin:0 .5em}
/* 视频小窗 */
.news-frame{position:absolute;top:0;left:0;z-index:1;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.6);animation:fadeIn .4s linear;overflow:auto}
.news-video-box{width:60%;padding-top:33.75%;height:0;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background-color:#000;border:.04rem solid #2b60b5}
.news-video-box>video{width:100%;height:100%;position:absolute;top:0;left:0}
.news-close{width:.3rem;height:.3rem;position:absolute;top:0;right:0;background-color:#2b60b5;cursor:pointer}
.news-close:after,.news-close:before{content:'';width:80%;height:2px;background-color:#fff;position:absolute;top:.125rem;left:10%}
.news-close:before{transform:rotate(45deg)}
.news-close:after{transform:rotate(-45deg)}

/* 联系我们 */
.slide7{background-position:top left;background-repeat:no-repeat;background-size:100% 58.33%;background-color:#101217}
.contact-info,
.contact-link{position:absolute;top:22%;left:0;right:0;width:76.042%;margin:auto}
.contact-link{top:69%;display:flex;justify-content:space-between}
.pc .contact-info{min-width:1280px}

.contact-info:before{content:'';position:absolute;top:.6rem;left:0;width:4.67rem;border:1px solid rgba(255,255,255,.33)
}
.contact-info>p{min-width:calc(100% / 3);font-size:0.16rem;line-height:.32rem;color:#C0C2C5
}
.contact-info .contact-number{color:#fff;font-size:0.24rem;margin:1.2rem 0 .4rem;line-height:1.5;font-weight:bold}
.contact-link-outer{color:#fff;line-height:.36rem
}
.contact-link-outer>p{font-size:.18rem}
.contact-link-outer li>a{font-size:.14rem;color:#fff
}
.footer{position:absolute;bottom:0;left:0;width:100%;height:.74rem;line-height:.74rem;text-align:center}

.footer>span{color:#fff;padding:0.14rem;font-size:0.14rem}
.swiper-pagination-body.swiper-pagination-bullets{right:.64rem}
.swiper-pagination-body.swiper-pagination-bullets .swiper-pagination-bullet{width:.1rem;height:.1rem;margin:.12rem auto}
.swiper-pagination-body.color .swiper-pagination-bullet{border:1px solid #007cd8}
.swiper-pagination-body.color .swiper-pagination-bullet-active{border:1px solid rgb(0, 124, 216);background-color:rgb(0, 124, 216)}
/* 更多 */
.more{position:absolute;bottom:4.185%;left:0;right:0;margin:0 auto;width:1.36rem;height:.46rem;line-height:.46rem;font-size:.14rem;text-indent:.4rem;color:#2B60B5;border:1px solid #2B60B5;cursor:pointer;transition:text-indent .3s linear }
.slide5 .more{color:#fff;border:1px solid #fff}
.slide6 .more{position:relative;right:auto;display:block;width:1.3rem;margin:.45rem 0;border:1px solid #3F4558;color:#3F4558}
.more::after{content:'\2192';position:absolute;top:0;left:50%;width:auto;font-size:.18rem;text-indent:0;line-height:.46rem;color:#2B60B5;opacity:0;transition:all .3s linear }
.more:hover{text-indent:.35rem;color:#fff;background-color:#2B60B5;transition:text-indent .3s linear
}
.slide5 .more:hover{background-color:transparent}
.slide6 .more:hover{color:#3F4558;background-color:transparent}
.more:hover::after{opacity:1;left:75%;color:#fff;transition:all .3s linear }
.slide6 .more:hover::after{color:#3F4558}

/* 返回首页 */
.return-index{position:relative;bottom:auto;right:auto;z-index:1;display:none;width:.42rem;height:.42rem;padding:.09rem;color:#88909c;background:#404246;border:0;border-radius:.21rem;box-shadow:.05rem 0 .07rem rgba(0,0,0,.13);cursor:pointer}
.phone .return-index{padding:.15rem}
.return-index.white-bg{color:#4f5e78;background-color:#fff}
.return-index:hover{color:#007cd8;background:#f1f5fd}
.return-index>span{font-size:.24rem}
.rightIn{animation:rightIn 0.2s linear both}
.rightOut{animation:rightOut 0.2s linear both}
.pc .phone-slide2{visibility:hidden;position:absolute;z-index:-1}
/* 二维码盒子 */
.code-box{position:relative;right:auto;bottom:auto;margin-bottom:.12rem}
.code-box .iconfont{color:#88909c;background:#404246;transition:background .4s ease-out}
.white-bg .code-box .iconfont{color:#4f5e78;background-color:#fff}
/* 移动端*/
.phone .header.first{background:rgba(0,0,0,0.5)}
.phone .swiper-container-banner{display:none}
.pc .swiper-phone-banner{display:none}
.phone .swiper-phone-banner{height:100%}
.phone .banner-slide1{background:url(../image/index/banner/phone-bg.jpg) top left no-repeat;background-size:100% 100%}
.phone .phone-slide2{visibility:hidden;position:absolute;z-index:-1}
.phone .banner-slide1 .banner-font{bottom:40%;width:78.434%;padding-top:34.432%;left:5%}
.phone .banner-phone-img{position:absolute;right:0;top:48.12%;width:58.698%;height:31.8%}
.phone .banner-phone-img>img{position:absolute;left:0;top:0;width:100%;height:100%}
.banner-phone-img>img{display: none}
.phone .slide1{height:14rem}

/*解决方案*/
.phone .solution-nav-box{display:none}
.phone .solution-container{/*width:89.33%;*/width:80%;top:2.16rem;height:67.466%;margin:auto;left:-6%;overflow:visible}
.phone .solution-container .swiper-wrapper{width:100%;height:100%;top:0}
.phone .solution-title{background:none}
.phone .solution-slide1 .solution-order{background:url(../image/index/solution/vrs-100-h.png) left center no-repeat;background-size:2.4rem 100%;transition:all .3s ease}
.phone .solution-slide2 .solution-order{background:url(../image/index/solution/mcooc-h.png) left center no-repeat;background-size:2.4rem 100%;transition:all .3s ease}
.phone .solution-slide3 .solution-order{background:url(../image/index/solution/vsp-100-h.png) left center no-repeat;background-size:2.4rem 100%;transition:all .3s ease}
.phone .solution-slide4 .solution-order{background:url(../image/index/solution/vmc-100-h.png) left center no-repeat;background-size:2.4rem 100%;transition:all .3s ease}
/* 各个标题 */
.phone .solution-title,.phone .vrcourse-title,.phone .cooperation-title,.phone .news-title-cont,.phone .about-title,.phone .contact-title,.phone .news-title{width:89.33%;top:1.65rem;margin-top:0}
.phone .about-title{z-index:1;color:#fff}
.phone .solution-title-font,.phone .cooperation-title-font,.phone .news-title-font,.phone .about-title-font,.phone .vrcourse-title-font,.phone .contact-title-font,.phone .news-title-font{width:auto;text-align:left;background:none}
.phone .solution-title-font>h2,.phone .vrcourse-title-font>h2,.phone .cooperation-title-font>h2,.phone .news-title-font>h2,.phone .about-title-font>h2,.phone .contact-title-font>h2,.phone .news-title-font>h2{font-size:.49rem;letter-spacing:2px}
.phone .solution-title-font>p,.phone .vrcourse-title-font>p,.phone .cooperation-title-font>p,.phone .news-title-font>h3,.phone .about-title-font>p,.phone .contact-title-font>p,.phone .news-title-font>p{font-size:.2rem}
.phone .news-title-font>h2{color:#192944}

.phone .solution-container .swiper-slide{top:0;/*width:80%!important;*/width:100%;height:100%;box-shadow:none;padding:0 .47rem .5rem .58rem;background-color:rgba(255,255,255,.5);border:1px solid #f5f5f5}
.phone .solution-container .swiper-slide-active{background-color:#fff;box-shadow:0px 3px .37rem 1px rgba(39,44,69,0.23)}
.phone .solution-container .swiper-slide .solution-order{margin-top:.51rem;padding-left:10px;font-size:.38rem}
.phone .solution-container .swiper-slide>h3,
.phone .solution-container .swiper-slide>.solution-item-title
{padding-right:10px;font-size:.38rem;width:100%}
.phone .solution-container .swiper-slide .solution-img{margin:.51rem 0;position:relative;width:100%;padding-top:62.02%}
.phone .solution-container .swiper-slide .solution-words{width:100%;font-size:.26rem;line-height:.34rem;max-height:1.7rem;-webkit-line-clamp:5}
.phone .solution-container .swiper-slide .solution-words>p,
.phone .solution-container .swiper-slide .solution-words>span{font-size:.14rem!important;line-height:1.5!important}
.phone .solution-container .swiper-slide .solution-btn{display:none}
.phone .phone-solution-pagination{top:2.28rem;right:.4rem;left:auto;bottom:auto;position:absolute}
.phone .phone-solution-pagination .swiper-pagination-bullet{width:.1rem;height:.06rem;background-color:#BFC7D9;border-radius:0;margin-right:.1rem;border:0}
.phone .phone-solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{height:.16rem;background-color:#007CD8}
.phone .slide2{background:url(../image/index/solution/bg-phone.png) right center no-repeat;background-size:50% auto}
/*虚拟课程  */
/* .phone .slide3{background:#295586;height:60%;height:7rem} */
.phone .slide3{background:url(../image/index/vrcourse/bg-phone.jpg) left center no-repeat;background-size:cover}
.phone .slide3>img{display:none}
.phone .swiper-container-vrcourse{width:89.33%;top:27.481%;height:60.13%}
.phone .swiper-container-vrcourse .swiper-slide{height:calc(25% - 4px) }
.phone .swiper-container-vrcourse .swiper-slide .border-box span{font-size:0.32rem;height:1.22rem;line-height:0.61rem;text-align:center}
.phone .swiper-container-vrcourse .swiper-slide .border-box span>img{width:.61rem;height:.61rem;display:block;margin:auto}
.phone .phone-vrcourse-pagination .swiper-pagination-bullet{width:.3rem;height:.1rem;background-color:#4888bc;border-radius:0;transform:skew(30deg)}
.phone .phone-vrcourse-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{height:.05rem;background-color:#007CD8}
/*合作案例  */
/* .phone .slide4{height:45%;height:5rem} */
/* .phone .cooperation-top-container{display:none} */
.phone .solution-nav-box, .phone .cooperation-nav-box{width:89.33%}
.phone .cooperation-nav{width:35.46%;margin-left:64.54%}
.phone .cooperation-down-prev,.phone .cooperation-down-next{display:none}
.phone .solution-nav>li,.phone .cooperation-nav>li{font-size:.28rem}
.phone .cooperation-top-container{width:89.33%;height:60.72%;top:26.612%;position:relative;padding:0}
.phone .cooperation-top-container .swiper-wrapper{width:100%!important;height:100%;top:0}
.phone .cooperation-top-container .swiper-slide-active,
.phone .cooperation-top-container .swiper-slide-duplicate-active{transform:scale(1)}
.phone .cooperation-top-container .swiper-slide{transform:scale(1);height:21%;width:45%!important}
/* .phone .cooperation-top-container .swiper-slide::after{content:none} */
.phone .cooperation-down-container{width:89.33%;margin-left:5%;/*padding-top:120%;*/padding-top:0;height:65%;top:3.28rem}
.phone .cooperation-down-container>.swiper-wrapper>.swiper-slide{border-image:none}
.phone .cooperation-down-container .cooperation-down-logos{flex-direction:column}
.phone .cooperation-down-container .cooperation-down-logos .swiper-slide{height:calc(25% - 1px);width:33.3%}
.phone .cooperation-top-prev,.phone .cooperation-top-next{display:none}
/* 新闻 */
.phone .slide5{height:9.4rem;background:url(../image/index/news/news-bg-phone.jpg) top left no-repeat;background-size:100% 100%}
.phone .news-banner .swiper-slide{border-bottom:1px solid #E7EBF1;padding:5.9% 0;height:23%!important;color:#192944}
.phone .news-banner .swiper-slide.no{border-bottom:none}
.phone .news-container .news-img{position:absolute;left:auto;right:0;width:34.218%;padding-top:21.829%}
.phone .news-link{display:none}
.phone .news-title-cont>p,
.phone .news-banner .swiper-button-prev, .phone .news-banner .swiper-button-next{display:none}
.phone .news-banner{width:89.33%;height:68.66%;padding-top:0;left:0;top:20.84%}
.phone .news-left-img{display:none}
.phone .news-banner .news-container{height:100%;width:100%}
.phone .news-container .news-time>span{font-size:.22rem;color:#fff;display:inline-block;width:auto}
.phone .news-container .news-cont>h2{font-size:0.28rem;line-height:.36rem;height:.72rem;overflow:hidden;white-space:normal;color:#192944}
.phone .news-container .news-cont p,
.phone .news-container .news-cont span,
.phone .news-container .news-cont a,
.phone .news-container .news-cont strong{font-size:0.24rem!important;line-height:.34rem!important}
.phone .news-container .news-cont>p{display:none;height:.64rem}
.phone .news-container .news-time{display:none}
.phone .news-container .news-cont{width:100%;padding:0}
.phone .news-container .news-time-phone{display:block;width:100%}
.phone .swiper-container-vertical>.swiper-pagination-bullets{display:none!important}
.phone .slide5 .more,.phone .slide6 .more{color:#647089;font-size:.24rem;text-align:center;height:.9rem;line-height:.9rem;border:1px solid #647089;margin-top:.31rem;width:76%;bottom:.27rem}
/*关于我们  */
.phone .slide6{background:url(../image/index/about/about-bg-phone.jpg) center center no-repeat!important;background-size:cover}
.phone .slide6 .more{color:#fff;border:1px solid #fff}
.phone .about-container{  width:6.7rem;  height:55.43%}
.phone .about-video{width:100%;height:3.79rem;padding-top:0}
.phone .news-frame{display:none}
.phone .about-info{width:100%;right:0}
.phone .about-info>p,.phone .about-info>h3,.phone .slide6 .about-slogan{display:none}
.phone .about-info .info-index{height:100%;margin:0;display:flex;justify-content:space-around;align-items:center}
.phone .info-index{display:flex;flex-wrap:wrap}
.phone .info-index>li{width:50%;display:block;text-align:center}
.phone .info-index>li+li{margin-left:0}
.phone .info-index>li:nth-child(3)>span{margin-top:.25rem}
.phone .news-video-box{width:90%;padding-top:54%;z-index:23333444}
.phone .news-close{width:.6rem;height:.6rem}
.phone .news-close:after,.phone .news-close:before{top:.25rem}
/* .phone .info-index>li>span:last-child{font-size:.24rem} */
/*联系我们  */
/* .phone .slide7{height:auto} */
/* .phone .slide7 .cont-footer{margin-top:0}
.phone .slide7>.footer,.phone .slide7>.contact-info,.phone .slide7>.two-dimensional-code,.phone .slide7>.contact-title{display:none} */
.phone .contact-title{z-index:1}
.pc .cont-footer{display:none}
.phone .cont-footer:before,.phone .cont-footer:after{content:none}
.phone .slide7 .contact-info,.phone .slide7 .contact-link,.phone .slide7 .footer{display:none}
.phone a.phone1,.phone a.phone2{color:#fff!important}
/*更多  */
.phone .more{border:none;width:auto}
.phone .more::after{/* content:none */width:.40rem}
.rotate{-webkit-transition-property:-webkit-transform;  -webkit-transition-duration:1s;  -moz-transition-property:-moz-transform;  -moz-transition-duration:1s;  -webkit-animation:rotate 2s linear infinite;  -moz-animation:rotate 2s linear infinite;  -o-animation:rotate 2s linear infinite;  animation:rotate 2s linear infinite}
.slide4 .cooperation-slide12>a{display:none}
.slide4 .cooperation-top8>a{display:none}
.phone .slide4 .cooperation-top8>a{position:absolute;top:0;left:0;display:block;width:100%;height:100%}
.phone .slide4 .cooperation-top8{background:url(../image/index/cooperation/more-top.png) center center no-repeat;background-size:cover}
/* 移动端没有该更多内容 */
/* .phone .slide4 .cooperation-slide12>a{display:block;width:100%;height:100%}
.phone .slide4 .cooperation-slide12{background:url(../image/index/cooperation/more-down.png) center center no-repeat;background-size:cover} */
.phone .slide4 .more{display:none}
/* .phone .slide4 .more{
width:33.3%;
padding-top:30%;
font-size:0;
height:0;
bottom:0;
right:0;
left:auto;
background:url(../image/index/cooperation/more-down.png) center center no-repeat;
background-size:100% 100%;
z-index:1
} */
.phone .slide4 .more.prev{background:url(../image/index/cooperation/more-top.png) center center no-repeat;background-size:100% 100%; 
}


.phone .cont-footer{height:100%;padding-top:1.12rem}
.phone .cont-footer .footer-info{height:calc(100% - 3.3rem)}
.phone .cont-footer .footer-info-right{height:100%;position:relative}
.phone .cont-footer .footer-info .footer-info-right>div{    padding-top:0;height:3.12rem}
.cont-footer .footer-info .footer-info-right .public-number{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.phone .cont-footer .record-info{line-height:.2rem}
/* 媒体查询 */
@media screen and (max-width:1730px){.solution-container .swiper-slide .solution-order{  font-size:0.4rem}

  .solution-container .swiper-slide h3{  font-size:0.21rem}

  .about-info .info-index>li+li{  margin-left:8.56%}
  .contact-info .contact-number{  margin:.8rem 0 .3rem}
  .contact-info>p{line-height:1.5
  }
}

@media screen and (max-width:1670px){.news-title-cont>h2{  font-size:0.65rem}
}
@media screen and (max-width:1600px){html{  font-size:90px}
  .news-title-cont>h2{  font-size:0.6rem}

  .news-title-cont>p{  font-size:0.97rem}

  .about-info .info-index>li+li{  margin-left:6.56%}
}
@media screen and (max-width:1573px){.pc .header{  padding:0 .6rem}
}
@media screen and (max-width:1440px){.about-info .info-index>li+li{  margin-left:4.56%}
}

@media screen and (max-width:1366px){html{  font-size:85px}
  .pc .header{  padding:0 .06rem}
  .contact-info{  bottom:22%;  height:46%}
  .two-dimensional-code{  bottom:1.4rem}
  .contact-info .contact-number{margin:.2rem 0}
  .contact-info>p{line-height:1.5
  }
}

@media screen and (max-width:1280px){
}
@media screen and (max-width:980px){html{    font-size:13.33vw}
}
@media screen and (max-width:350px){.phone .solution-container .swiper-slide .solution-words:nth-of-type(2){display:none}
  }
@media screen and (max-height:784px){.solution-container .swiper-slide .solution-order{margin-bottom:0}
  .solution-container .swiper-slide .solution-words{-webkit-line-clamp:2;line-clamp:2;height:.44rem}
  .phone .solution-container .swiper-slide .solution-words{height:auto}
  .news-banner .news-left-img{width:40.055%}
  .news-banner .news-container{width:55.718%}
  .about-video{width:38.492%;padding-top:21.652%}
  .about-info{max-width:56.885%;width:56.115%}
  .slide6 .more{margin:.25rem 0}
  .slide6 .about-footer-left,.slide6 .about-footer-right{bottom:.4rem}
  .swiper-pagination-body.swiper-pagination-bullets{right:.4rem}
  .info-index{padding:0}
}
@media screen and (max-height:600px){.phone .solution-container .swiper-slide .solution-words{-webkit-line-clamp:3;line-clamp:3;height:1.0rem}
  .phone .news-container .news-cont>h2{  font-size:0.24rem;  line-height:.3rem;  height:.6rem}
}
/* 动画 */
@keyframes rightIn{0%{  left:100%;  opacity:0}

  100%{  left:0;  opacity:1}
}

@keyframes rightOut{0%{  left:0;  opacity:1}

  100%{  left:100%;  opacity:0}
}
/* 
@keyframes topArrowOut{

  0%,
  70%{  left:0;  opacity:1}

  89.33%{  left:-50%;  opacity:0}

  100%{  left:0;  opacity:0}
}

@keyframes bottomArrowOut{

  0%,
  70%{  left:0;  opacity:1}

  89.33%{  left:50%;  opacity:0}

  100%{  left:0;  opacity:0}
} */
@keyframes rotate{from{transform:rotate(0deg)}
    to{transform:rotate(359deg)}
}