.section-page1{padding:30px 0;}
.section-page2{padding:50px 0 0;background-color:#f4f4f4;}
.section-page3{padding:50px 0;}
.section-page4{padding:40px 0 20px;}
.section-page5{position:relative;overflow:hidden;}
.news-box .head .title{color:#181717;font-size:30px;}
.news-box .head .more{margin-top:14px;}
.news-box .head .more a{}
.section-page2 .news-box .head .more a{font-size:18px;display: inline;margin: 0 10px;padding-bottom:5px;border-bottom: 2px solid transparent;}
.section-page2 .news-box .head .more a:hover{color:#1f3b8b;border-color:#1f3b8b;}
.section-page3 .news-box .head .title{color:#fff;}
.section-page3 .news-box .head .more a{}
.campus-style{padding: 20px 20px 0 20px;margin-bottom:30px;background-color: #fff;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);}
.campus-title{width:100%;padding-bottom: 70%;position: relative;overflow: hidden;background-color: #f6f6f6;}
.campus-title .title{width: 100%;height: 100%;position: absolute;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.campus-title .title h3{color:#1f3b8b;font-size:20px;margin:0 0 25px;font-weight:bold;}
.quick-box{margin-bottom:30px;background-color: #1f3b8b;}
.quick-list{margin:0;}
.quick-list>li{padding:0;}
.quick-list>li>a{color:#fff;display:block;padding:35px 0;}
.quick-list>li>a>span{color:#fff;font-size:20px;display:block;padding-top:20px;text-align:center;}
.quick-list>li>a>img{display:block;margin:0 auto;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.quick-list>li>a:hover{background-color:#1c40a6;}
.quick-list li a:hover img,.data-list li:hover img{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.data-list li{text-align:center;}
.data-list li h3{color:#fff;font-size:38px;margin:25px 0 20px;font-weight:normal;}
.data-list li h3 span{font-size:18px;padding-left:5px;}
.data-list li img{display:block;margin:0 auto;border:1px dashed #fff;border-radius:50%;transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;}
.data-list li p{color:#fff;font-size:18px;}
.news-tabs{position:relative;}
.news-tabs .tabs-head{border-bottom: 2px solid #f0f0f0;padding-bottom: 15px;margin-bottom: 25px;}
.news-tabs .tabs-head .title{background-color: #1e3a8a;color: #fff;padding: 8px 25px;border-radius: 4px;font-size: 18px;font-weight: bold;margin-right: 30px;display: flex;align-items: center;cursor: default;}
.news-tabs .tab-more{position: absolute;right: 0; top: 14px;}
.news-tabs .nav-tabs{border-bottom:0;}
.news-tabs .nav-tabs>li{margin-bottom:0;}
.news-tabs .nav-tabs>li>a{font-size:16px;border:0;}
.news-tabs .nav-tabs>li>a:hover,.news-tabs .nav-tabs>li.active>a,.news-tabs .nav-tabs>li.active>a:focus,.news-tabs .nav-tabs>li.active>a:hover{color:#1e3a8a;border:0;background-color:transparent;}
.visit-btn{width:156px;height:42px;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.visit-btn a{width:100%;color:#fff;display:block;line-height:42px;background-color: rgba(30,58,138,.74);border-radius:20px;text-align:center;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.visit-btn:hover a{background-color:#1e3a8a;}
.left-content { min-width: 260px; }
.right-nav {width: 100%; background: #fafcff;max-height:468px; overflow-y: auto;}
.video-section { position: relative; border-radius: 28px; overflow: hidden; background: #000; box-shadow: 0 20px 35px -12px rgba(0,0,0,0.25); cursor: pointer; transition: all 0.2s; }
.video-section img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block;transition: transform 0.3s ease; }
.video-section:hover img {transform: scale(1.02);}
.play-btn-overlay { position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: opacity 0.3s ease;cursor: pointer;}
.video-section:hover .play-btn-overlay {opacity: 1;}
.play-btn-overlay::after {content: "";width: 70px;height: 70px;background-color: rgba(255,255,255,0.9);background-image: url(/skin/label/video_08.png);background-position:center center;background-repeat:no-repeat;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 28px;color: #1a4a6f;box-shadow: 0 4px 15px rgba(0,0,0,0.2);transition: all 0.3s ease;}
.play-btn-overlay:hover::after {transform: scale(1.1);background-color:#ffffff;}
.video-title-bar { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.85), transparent); padding: 20px 20px 14px; font-size:16px; font-weight: 600; color: white; text-shadow: 0 1px 3px rgba(0,0,0,0.4); backdrop-filter: blur(2px); }
.category-list { list-style: none; margin: 0; padding: 0; }
.video-list-item { display: flex; align-items: center;font-size:16px;padding: 15px 20px; margin:0 12px 12px 12px; border-radius: 20px; background: #fff; transition: all 0.2s; cursor: pointer; font-weight: 500; color: #1f2f3e; border: 1px solid #e9edf2; }
.video-list-item::before { content: "";width:6px;height:6px;margin-right: 14px;background-color: #1e3a8a; }
.video-list-item:hover { background: #ecf3fc; border-color: #bdd4eb; transform: translateX(4px); }
.video-list-item.active-video { background: #e8f0fe; border-left: 4px solid #1e3a8a ; font-weight: 600; color: #0a2942; }
.video-modal{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.9);z-index: 1000;align-items: center;justify-content: center;backdrop-filter: blur(5px);}
.video-modal-content {position: relative;width: 80%;max-width: 1000px;background: #000;border-radius: 16px;overflow: hidden;box-shadow: 0 25px 50px rgba(0,0,0,0.5);}
.video-modal-content video {width: 100%;height: auto;display: block;max-height: 70vh;}
.video-modal-title{padding: 15px 20px;background: #1a1a2e;color: #fff;font-size: 18px;font-weight: 500;text-align: center;}
.video-modal-close{position: absolute;top: 20px;right: 30px;background: rgba(255,255,255,0.2);border: none;color: white;font-size: 36px;cursor: pointer;z-index: 9999;width: 45px;height: 45px;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.video-modal-close:hover {background: rgba(255,255,255,0.4);transform: rotate(90deg);}
.right-nav::-webkit-scrollbar { width: 5px; }
.right-nav::-webkit-scrollbar-track { background: #eef2f6; border-radius: 10px; }
.right-nav::-webkit-scrollbar-thumb { background: #b9cadb; border-radius: 10px; }
.label-pic-list-ul li .item .pic{padding-bottom:70%;}
.label-pic-list-ul li .item .text{position: absolute;width: 110px;height: 40px;background: rgba(255, 255, 255, 0.8);bottom: 20px;left: 0;line-height: 40px;padding-left: 20px;font-size: 16px;font-weight: bold;}
.label-pic-list-ul li .item .text h4{color:#666;height:40px;line-heigh:40px;}
@media screen  and (min-width:992px) {
	.row-15{margin-left:-15px;margin-right:-15px;}
	.col-pd-15{padding-left:15px;padding-right:15px;}
}
@media screen  and (max-width:991px){
	.news-box .head .title,.news-box2 .head .title,.quick-list2>li>a{font-size:24px;}
	.video-box{height:51vw;}
	.video-title-bar { font-size:16px; } 
}
@media screen  and (max-width:767px) {
	.news-box .head{margin-bottom:20px;}
	.news-box .head .title,.news-box2 .head .title,.quick-list2>li>a{font-size:20px;}
	.quick-box3{height:240px;}
	.quick-box3 a{font-size:18px;}
	.data-roll2 .con img{max-width:50px;}
	.video-modal-content {width: 95%;}
        .video-modal-close{top: 10px;right: 15px;font-size: 28px;width: 35px;height: 35px;}
}
@media screen  and (max-width:580px) {
	.quick-list>li>a>span{font-size:16px;}
	.quick-list2>li>a{padding:30px 0;}
	.quick-box3{height:180px;}
	.quick-box3 a{padding:0;}
	.quick-box3 a img{max-width:50px;}
	.quick-box3 a span{padding:10px;}
}