/* ========== Global ========== */
@import url("../../css/basic2.css");
body,html{background:#f4f2ff;margin:0;padding:0;}
img{border:0;}

/* ========== Page Wrap ========== */
.page-wrap{position:relative;margin:0 auto;}

/* ========== Container ========== */
.container{max-width:100%;margin:0 auto;padding:0;}

/* ========== Banner ========== */
.banner{background: url(banner.jpg) no-repeat center 0; height: 500px;}
.banner img{width:100%;display:block;}
.banner-phone{display:none;width:100%;}


/* ========== Intro ========== */
.intro{padding:50px 20px 30px;text-align:center;}
.intro-title{font-size:34px;font-weight:bold;color:#1a237e;line-height:1.4;margin:0 0 24px;}
.intro-text{margin:0 auto 20px; text-align: center;}
.intro-text span{display: block; font-size:16px;line-height:28px;color:#555;}
.intro-arrow{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:16px solid #1a237e;margin:20px auto 0;}

/* ========== Article Card ========== */
.article-card{background:#fff;border-radius:20px;overflow:hidden;margin:20px 0 60px;display:flex;box-shadow:0 2px 16px rgba(0,0,0,0.06);}
.article-card-img{width:50%;flex-shrink:0;}
.article-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.article-card-body{width:50%;padding:36px 32px;display:flex;flex-direction:column;justify-content:center;}
.article-card-title{font-size:22px;font-weight:bold;color:#222;line-height:1.5;margin:0 0 16px;}
.article-card-desc{font-size:15px;line-height:26px;color:#666;margin:0 0 24px;flex-grow:1;}
.article-card-btn{display:inline-block;background:linear-gradient(to right,#0165fb,#4bc9f8);color:#fff;width:120px;height:32px;line-height:32px;text-align:center;border-radius:6px;font-size:15px;text-decoration:none;transition:opacity .2s;}
.article-card-btn:hover{opacity:0.85;}

/* ========== Section Title ========== */
.section-title{font-size:36px;font-weight:bold;color:#1a237e;text-align:center;margin:0 0 36px;line-height:1.3;}
.video-back{width:100%;height:480px;background:#162074; margin-bottom:-440px;}
.block-title{color:#fff;    text-align:center; font-size:36px; line-height:1.3; margin-bottom: 30px; font-weight:bold;}
.video-box{position:relative;}
.video-poster{display:block;width:100%; height:100%; position:relative; z-index:1; position:absolute; top:0; left:0;}
.video-box{max-width:1000px; margin: 0 auto; margin-bottom:30px;}
.video-box video{ display:block; width:100%; height:100%;  }
.video-player{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2; width:100px; height:100px; cursor:pointer; z-index:2; opacity:0.6; transition:opacity .2s;}
.video-player:hover{opacity:1;}
.img_list{display:flex;flex-wrap:wrap;gap:24px;}
.img_list a{display:block;width:32%;}
.img_list a:nth-child(n+7){display:none;}
.img_list a img{width:100%;height:100%;object-fit:cover;display:block;}

.swiper-box .container{position:relative;}
.swiper-box{background:linear-gradient(to right, #0a0657, #0045b0); padding:60px 0;}
.swiper-con{border:2px solid #fff; border-radius:20px; padding:30px 20px; width:100%; box-sizing:border-box; min-height:420px; display:flex; flex-direction:column; justify-content:space-between; background-color:rgba(255,255,255,0.2);}
.swiper-con .time{font-size:24px;font-weight:bold;color:#fff;margin-bottom:10px;}
.swiper-con .title{font-size:16px;line-height:24px;color:#fff;}
.swiper-con img{width:75%;display:block;margin:0 auto;}
.swiper-button-prev,.swiper-button-next{position:absolute; top:50%;transform:translateY(100%);width:50px; height:50px; background-size:cover;}
.swiper-button-prev{left:-80px; background-image:url(arrow-l.png);}
.swiper-button-next{right:-80px; background-image:url(arrow-r.png);}
.swiper-button-prev::after,.swiper-button-next::after{display:none;}

/*foot*/
.foot{background:#060235; padding: 80px 0; }
.foot p{color:#fff; text-align: center;}

/* ========== People Swiper ========== */
.people{background:#edefff;padding:60px 0; margin-top:60px; }
.people .container{position:relative;max-width:1200px;margin:0 auto;padding:0 15px;}
.people-card{background:#fff;height:100%;display:flex;flex-direction:column;align-items:center; min-height: 400px;}
.people-img-box{margin-bottom:30px; position:relative;}
.people-img-box::after{content:""; position:absolute; right:20px; bottom:-26px;  width:60px; height:60px; background-image:url(quote.png); background-size:cover; background-repeat:no-repeat; }
.people-img{width:100%; display:block; }
.people-year{background:linear-gradient(to right,#0165fb,#4bc9f8);color:#fff;padding:6px 16px;border-radius:20px;font-size:14px;display:inline-block;margin-bottom:20px;}
.people-quote{font-size:16px;line-height:24px;color:#555; padding: 0 20px;}
.people-name{font-size:18px;font-weight:bold;color:#1a237e;margin-top:auto;}
.people-name small{font-size:13px;color:#888;font-weight:normal;display:block;margin-top:4px;}
.people-pagination{margin-top:30px;text-align:center;}
.people-video{display:block;width:120px;height:32px;line-height:32px;text-align:center;background:linear-gradient(to right,#0165fb,#4bc9f8);color:#fff;border-radius:6px;font-size:15px;text-decoration:none;margin:30px auto 0;transition:opacity .2s;}
.people-video:hover{opacity:0.85;}


.video_area{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100001; display: none;}
.video_background{width: 100%; height: 100%; background:#000; opacity: 0.75;}
.video_area .video_father{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.video_area video{width: 70%; display: block; margin: 0 auto; margin-top: 100px;}
.video_close_icon{position: fixed; top: 100px; right: 10%;}
/* ========== Responsive: Tablet ========== */
@media screen and (max-width:1250px){
    .swiper-button-prev{left:10px; }
    .swiper-button-next{right:10px; }
}
@media screen and (max-width:1230px){
    .img_list{gap:22px}
}
@media screen and (max-width:1199px){
    .img_list{gap:19px}
}
@media screen and (max-width:991px){
    .intro{padding:40px 15px 20px;}
    .intro-title{font-size:28px;}
    .intro-text{font-size:15px;line-height:26px;}
    .article-card{flex-direction:column;margin:30px auto;}
    .article-card-img,.article-card-body{width:100%;}
    .article-card-img img{height:240px;}
    .article-card-body{padding:28px 24px; box-sizing:border-box;}
    .article-card-title{font-size:20px;}
    .img_list a{width:48%;}
    .block-title{font-size:20px;}
    .swiper-con .time{font-size:18px;}
    .people-quote{font-size:14px;line-height:24px;}
    .people-pagination{margin-top:24px;}
    .people-video{width:100px;height:28px;line-height:28px;font-size:14px;margin-top:24px;}
}

/* ========== Responsive: Mobile ========== */
@media screen and (max-width:768px){
    .container{margin:0 15px;}
    .banner{display:none;}
    .banner-phone{display:block;}
    .intro{padding:28px 10px 16px;}
    .intro-title{font-size:22px;margin-bottom:16px;}
    .intro-text{font-size:14px;line-height:24px;}
    .article-card{margin:20px auto;border-radius:14px;}
    .article-card-body{padding:20px 16px;}
    .article-card-title{font-size:18px;}
    .article-card-desc{font-size:14px;line-height:22px;margin-bottom:16px;}
    .article-card-btn{padding:8px 22px;font-size:14px; width:80px; height:24px; line-height:24px;}
    .section-title{font-size:24px;margin-bottom:24px;}
    .img_list{gap:14px}
    .img_list a{width:48%; }
    .img_list a:nth-child(even){margin-right:0;}

    .video-player{width:50px; height:50px;}
    .swiper-box{padding:40px 0;}

    .foot{padding: 50px 0; }
    .swiper-con{min-height:310px;}
    .swiper-con .title,.foot p{font-size:14px;line-height:20px;}
    .swiper-button-prev, .swiper-button-next{transform: translateY(50%);}
    .LookPicture .Look_before:after{top:25px}
    .LookPicture .Look_before:before{top:48px}
    .LookPicture .Look_before:before, .LookPicture .Look_before:after{width:35px}
    .LookPicture .Look_next:before, .LookPicture .Look_next:after{width:35px; right:5px; left:auto;}
    .LookPicture .Look_next:after{top:25px}
    .LookPicture .Look_next:before{top:48px}

    .intro-text{text-align:left; text-indent:32px;}

    .people{padding:40px 0;}
    .people-card{min-height: 300px;}
    .people-img-box{margin-bottom:20px;}
    .people-img-box::after{bottom:-22px;  width:50px; height:50px; }
    .people-year{font-size:12px;padding:4px 12px;}
    .people-quote{font-size:13px;line-height:22px;margin-bottom:16px;}
    .people-name{font-size:16px;}
    .people-name small{font-size:12px;}
    .people-pagination{margin-top:20px;}
    .people-video{width:90px;height:26px;line-height:26px;font-size:13px;margin-top:20px;}
    .people-swiper-container .swiper-slide{width: 320px;}

    .video_area video{width: 100%; margin-top: 70px;}
	.video_close_icon{top: 10px; right: 10px;}
}

/* ========== Responsive: Small Mobile ========== */
@media screen and (max-width:480px){
    .intro-title{font-size:20px;}
    .article-card-title{font-size:16px;}
    .section-title{font-size:20px;}
    
}