@charset "gb2312"; 
  
/**11周年专题
 * author:jackie
 * date:2024-01-30
 * e-mail:admin@xjccy.com
**/
.video-list li a span::before,
.video-list li a span::after,
.video-list li a:hover span::before,
.video-list li a:hover span::after{transition: all 0.20s linear 0s;-o-transition: all 0.20s linear 0s;-moz-transition: all 0.20s linear 0s; -webkit-transition: all 0.20s linear 0s;  }

.SubEleventh{padding:80px 0 0;} 
.SubEleventhBanner .swiper-slide{height: 660px;background-position: center bottom; background-repeat: no-repeat;}
.SubEleventhBanner .swiper-button-prev, 
.SubEleventhBanner .swiper-button-next{left:8%;width: 40px;height: 70px;background:url(../images/icon-arr-l.png) no-repeat center center;border-radius:0}
.SubEleventhBanner .swiper-button-next{left: auto;right:8%;background:url(../images/icon-arr-r.png) no-repeat center center;}
.SubEleventhBanner .swiper-pagination{bottom: 20px; left:50%;margin-left:-640px; width: 1280px;text-align: right; color: #fff;font-size: 18px;opacity: .45;}


.SubEleventh .pages-item{padding:55px 0 30px}
.SubEleventh .pages-item .item-hd{margin-bottom: 50px; text-align: center;font-size: 36px;height: 30px; line-height: 30px;padding:30px 0 10px; background: url(../images/bg-hd.png) no-repeat bottom center ;color: #111;font-weight: bold;letter-spacing:10px}

.SchoolVideo{background:#F7FBFF ;}
.video-list {margin-left: -20px;}
.video-list li{margin:0 0 40px 20px; float: left;width: 305px;height: 215px;}
.video-list li span{position: relative; display: block;width: 100%;height: 170px;}
.video-list li span::after{display: none; content: "";left:0;top:0; position: absolute;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,.4);}
.video-list li span::before{display: none;content: "";left:50%;top:50%;margin:-25px 0 0 -25px; position: absolute;z-index: 5;width: 50px;height: 50px; cursor: pointer;background:url(../images/icon-play.png) no-repeat center center;}
.video-list li img{width: 100%;height: 100%;}
.video-list li p{margin-top: 5px; max-height: 40px;;line-height: 20px; overflow: hidden;}
.video-list li a{color: #666;}
.video-list li a:hover{color: #0096de;}
.video-list li a:hover span::after,
.video-list li a:hover span::before{display: block;}

/**董事长致辞**/
.CeoLetter { background:#f3f9fe url(../images/bg-1.png) no-repeat center 0; background-size: 100% 100%;}
.SubEleventh .CeoLetter .item-hd{text-indent: 40px;margin-bottom: 20px;}
.CeoLetter .info{position: relative; font-size: 16px;color:#333;line-height: 36px; padding:65px 40px 30px; background: #fff;box-shadow: 0px 0px 16px 0px rgba(201,220,243,0.4);border-radius: 12px;}
.CeoLetter .info::before,
.CeoLetter .info::after{content: "";position: absolute;z-index: 3;left:20px;top:-20px;width: 80px;height: 70px;background: url(../images/icon-symbol-l.png) no-repeat 0 0 ;}
.CeoLetter .info::after{left:auto;top:auto;right:20px;bottom:-25px;background: url(../images/icon-symbol-r.png) no-repeat 0 0 ;}
.CeoLetter .info p{margin-bottom: 20px;}

/**环外周年**/
.video-list .anniversary-video{width: 630px;height: 466px; }
.video-list .anniversary-video span {height: 400px;}
.video-list .anniversary-video p {padding-left: 60px; position: relative; margin:0;max-height: 70px; height: 70px; line-height: 70px;text-align: center;color: #333;font-size: 22px;
background: linear-gradient(0deg, #D2EEFF, #FFFFFF); 
border-image: linear-gradient(0deg, #C0E3F9, #FFFFFF) 2 2; 
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border:1px solid #C0E3F9;
}
.video-list .anniversary-video p::before{content: ""; left: 150px;top:15px; position: absolute;z-index: 3;width: 40px;height: 40px;background: url(../images/logo.png) no-repeat 0 0;background-size: 100%; }


/**校方祝福**/
.SchoolVideoWish {}
.SchoolVideoWish .video-list li:first-child,
.SchoolVideoWish .video-list li:nth-child(2){width: 630px;height: 375px; }
.SchoolVideoWish .video-list li:first-child span,
.SchoolVideoWish .video-list li:nth-child(2) span{height: 350px;}
.SchoolVideoWish .video-list li:first-child p,
.SchoolVideoWish .video-list li:nth-child(2) p{height: 25px;}


/**媒体报道**/
.Media  { background:#f3f9fe url(../images/bg-2.png) no-repeat center 0; background-size:auto 100%;overflow: hidden;}
.Media ul {margin-left: -32px;}
.Media ul li{float: left; margin:0 0 20px 32px; width: 230px;height: 140px}
.Media ul li img{width: 230px;height: 100px;}
.Media ul li p{line-height: 30px;height: 30px;overflow: hidden;font-size: 14px;color: #666;}