@charset "utf-8";
body{background: url(../images/bg.png) no-repeat center top #c0dffa; background-size: 1920px auto;}
.container{width: 1400px;}
.xqkltr-header-logo{padding-top: 10px;}
.xqkltr-header-logo img{display: block; max-height: 64px;}
.xqkltr-header-title{padding: 50px 0 60px;}
.xqkltr-header-title img{display: block; max-height: 430px; margin: 0 auto;}

.xqkltr-intro{position: relative;}
.xqkltr-intro .box{position: relative; border-radius: 20px; background: rgba(255, 255, 255, 1); box-shadow: 0px 0px 30px  rgba(94, 169, 255, 0.2); color: #003785; font-size: 1.25em; line-height: 2.2; padding: 40px;}
.xqkltr-intro:before{content: ''; position: absolute; left: 3%; right: 3%; top: -24px; bottom: 0; border-radius: 10px; background: linear-gradient(180deg, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%);}

.xqkltr-com-pannel{ padding: 40px; border-radius: 20px; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%); box-shadow: 0px 0px 30px  rgba(94, 169, 255, 0.2);}

.xqkltr-spjs-video{border: 3px solid #fff; box-shadow: 0px 1.39px 6.96px  rgba(0, 75, 181, 0.47); flex-shrink: 0;}
.xqkltr-spjs-video video{display: block; height: 460px; width: 100%;}
.xqkltr-spjs-txt{font-size: 1.25em; line-height: 2.2; text-align: center;}
@media (min-width: 1281px) {
  .xqkltr-spjs{display: flex; align-items: center;}
  .xqkltr-spjs-video{width: 58%;}
  .xqkltr-spjs-txt{width: 42%;  padding-left: 60px;}
}

.xqkltr-tab ul li a{position: relative;}
.xqkltr-tab ul li a span{position: relative; display: block; height: 104px; border-radius: 20px; background: linear-gradient(180deg, rgba(0, 153, 255, 1) 0%, rgba(0, 153, 255, 0.46) 100%); border: 1px solid rgba(255, 255, 255, 1); box-shadow: 0px 0px 30px  rgba(94, 169, 255, 0.2); font-size: 1.875em; color: #fff; letter-spacing: 5px; text-align: center; line-height: 104px;}
.xqkltr-tab ul li a:before{content: ''; position: absolute; left: 25px; right: 25px; top: -18px; bottom: 0; border-radius: 10px; background: linear-gradient(180deg, rgba(0, 153, 255, 1) 0%, rgba(255, 255, 255, 0) 25%); opacity: .3;}

.xqkltr-com-tit{background: url(../images/tit_bg.png) no-repeat center 0;}
.xqkltr-com-tit .line{width: 320px; height: 26px; top: 50%; margin-top: -10px;}
.xqkltr-com-tit h3{padding-left: 45px; padding-right: 45px;}
.xqkltr-com-tit h3 img{max-height: 120px;}

/* 队伍建设 */
.xqkltr-dwjs-cont1{padding: 30px; border-radius: 20px;
background: linear-gradient(180deg, rgba(209, 230, 255, 1) 0%, rgba(201, 226, 255, 0) 100%);}
.xqkltr-dwjs-cont1 .pic{ box-sizing: border-box;}
.xqkltr-dwjs-cont1 .txt{ box-sizing: border-box; line-height: 2; font-size: 1.375em; font-weight: bold; color: #1B5ABA; text-indent: 2em;}
.xqkltr-dwjs-cont2 .box{height: 492px; box-sizing: border-box; border-radius: 20px; padding: 30px;
background: linear-gradient(180deg, rgba(209, 230, 255, 1) 0%, rgba(201, 226, 255, 0) 100%);}
.xqkltr-dwjs-cont2 .pic{margin-bottom: 25px;}
.xqkltr-dwjs-cont2 .pic img{display: block; width: 100%; border-radius: 20px;}
.xqkltr-dwjs-cont2 .tit{font-size: 1.25em; line-height: 2.2; font-weight: bold; color: #1B5ABA; text-align: center; margin-bottom: 8px;}
.xqkltr-dwjs-cont2 .memo{font-size: 1.25em; line-height: 2.2; text-indent: 2em;}
@media (min-width: 993px) {
  .xqkltr-dwjs-cont1{display: flex; align-items: center;}
  .xqkltr-dwjs-cont1 .pic{width: 33.33%;  padding-right: 15px;}
  .xqkltr-dwjs-cont1 .txt{width: 66.67%; padding-left: 15px;}
}

/* 校地协同 */
.xqkltr-xdxt-cont{position: relative;}
.xqkltr-xdxt-cont .pic{position: relative; width: 48%;}
.xqkltr-xdxt-cont .pic .box{position: relative;}
.xqkltr-xdxt-cont .pic img{display: block; width: 95%; border-radius: 0px 30px 0px 30px;}
.xqkltr-xdxt-cont .pic b{position: absolute; right: 0; left: 75px; top: 40px; height: 100%; border-radius: 0px 30px 0px 30px; background: rgba(94, 185, 255, .2);}
.xqkltr-xdxt-cont .pic b:after{content: ''; position: absolute; left: -47px; top: -58px; bottom: 18px; right: 90px; box-shadow: 4px 4px 10px  rgba(0, 119, 199, .2); border-radius: 0px 30px 0px 30px; border: 1px solid #43ABF0;}
.xqkltr-xdxt-desc{position: absolute; width: 48%; right: 0; top: 32px; color: #004BB5; line-height: 2; font-size: 1.375em; text-indent: 2em; font-weight: bold;}

.xqkltr-xdxt-cont{height: 770px; box-sizing: border-box;}
.xqkltr-xdxt-cont .item{width: 48%; box-sizing: border-box; padding: 30px 40px; border-radius: 30px; background: #fff; border: 1px solid rgba(67, 171, 240, 1); box-shadow: 4px 4px 10px  rgba(0, 119, 199, 0.37);}
.xqkltr-xdxt-cont .item .tit{margin-bottom: 15px; text-align: center; font-size: 1.5em; line-height: 2.2; font-weight: bold;}
.xqkltr-xdxt-cont .item .memo{font-size: 1.25em; line-height: 2.2; text-indent: 2em;}
.xqkltr-xdxt-cont .item{position: absolute;}
.xqkltr-xdxt-cont .item1{top: 180px; right: 0;}
.xqkltr-xdxt-cont .item2{top: 410px; left: 0;}
.xqkltr-xdxt-cont .item3{top: 542px; right: 0;}


/* 应用成果 */
.xqkltr-yycg-desc{font-size: 1.25em; line-height: 2.2; text-indent: 2em;}
.xqkltr-yycg-swiper{padding-left: 8%; padding-right: 8%; font-size: 1.25em; line-height: 2.2;}
.xqkltr-yycg-swiper .swiper-slide .tit{text-align: center; font-size: 1.5em; font-weight: bold; color: #004BB5; line-height: 2.2;}
.xqkltr-yycg-piclist{padding-left: 10px; padding-right: 10px;}
.xqkltr-yycg-piclist li .box{border: 4px solid #fff; box-shadow: 0px 2px 9px  rgba(0, 75, 181, 0.47);}

.xqkltr-yycg-swiper{position: relative;}
.xqkltr-yycg-swiper .swiper-button{position: absolute; width: 70px; height: 70px; background-color: rgba(0, 124, 207, 1); box-shadow: 0px 0px 10px  rgba(255, 255, 255, 1); background-repeat: no-repeat; background-size: 18px; border-radius: 50%; top: 50%; transform: translateY(-50%); margin-top: 0;}
.xqkltr-yycg-swiper .swiper-button-prev{left: 0; background-image: url(../../../images/arrow_left_white.png);}
.xqkltr-yycg-swiper .swiper-button-next{right: 0; background-image: url(../../../images/arrow_right_white.png);}


@media (max-width: 1500px) {
  .xqkltr-xdxt-cont .item{padding: 30px;}
  .xqkltr-xdxt-desc{top: 0;}
  .xqkltr-xdxt-cont{height: 810px;}
  .xqkltr-xdxt-cont .item1{top: 150px;}
}

@media (max-width: 1280px) {
  .xqkltr-wrap{font-size: 14px;}
  .xqkltr-intro .box{padding: 30px;}
  .xqkltr-com-pannel{padding: 30px;}
  .xqkltr-spjs-video{margin-bottom: 30px;}

  .xqkltr-tab ul li a span{height: 80px; line-height: 80px;}

  .xqkltr-xdxt-cont{height: auto;}
  .xqkltr-xdxt-cont .pic{width: auto; margin-bottom: 30px;}
  .xqkltr-xdxt-cont .pic img{width: 100%;}
  .xqkltr-xdxt-cont .pic b{display: none;}
  
  .xqkltr-xdxt-desc,
  .xqkltr-xdxt-cont .item{position: static; width: auto;}
  .xqkltr-xdxt-cont .item{margin-top: 30px;}

  .xqkltr-yycg-swiper .swiper-button{width: 40px; height: 40px; background-size: 10px;}
}

@media (max-width: 992px) {
  body{background-size: 150%;}
  .xqkltr-header-logo img{max-height: 40px;}
  .xqkltr-dwjs-cont1 .pic{margin-bottom: 30px;}
  .xqkltr-dwjs-cont2 .box{height: auto; padding: 20px; border-radius: 10px;}
  .xqkltr-dwjs-cont1{padding: 20px; border-radius: 10px; margin-bottom: 30px;}

  .xqkltr-xdxt-cont .pic img{border-radius: 0px 20px 0px 20px;}
  .xqkltr-xdxt-cont .item{padding: 20px; border-radius: 10px;}
  
}

@media (max-width: 768px) {
  .xqkltr-header-title{padding-bottom: 30px;}
  .xqkltr-spjs-video video{height: auto;}
  .xqkltr-com-tit h3{padding-left: 0; padding-right: 0;}
  
  .xqkltr-yycg-swiper .swiper-button-prev{left: -30px; }
  .xqkltr-yycg-swiper .swiper-button-next{right: -30px;}
}

@media (max-width: 480px) {
  .xqkltr-header-logo img{max-height: 35px;}
  .xqkltr-tab ul li a:before{top: -10px;}
  .xqkltr-intro:before{top: -14px;}
  
}