@charset "UTF-8";

html,body{ font-family:"yhan" !important;}
.zz_1 .m_zz li{width: 20% !important;}
.suc_nav a{padding:0 90px !important;}
/*.suc_nav a::before{ left:0px !important;}*/
.top88{ margin-top:80px;}
#banner_jq {   height: 645px;}
.suc_nav a{padding:0 0 0 8%;}
.zyxsj{width:1200px; min-width:1200px; margin:0 auto;padding:20px;color:#333;line-height:1.6;}
.zyxsj h2{text-align:center;font-size:42px;margin:40px 0 20px;font-weight:600}
.intro-top{display:flex;gap:20px;margin-bottom:30px; padding-top:50px;}
.intro-top .img-box{width:45%; padding-right:2%}
.intro-top .img-box img{width:100%;border-radius:4px}
.intro-top .text-box{width:53%;font-size:16.6px; text-align:left;}
.intro-top .text-box ul{list-style:none;margin:10px 0}
.intro-top .text-box ul li::before{content:"✅";margin-right:6px}
.intro-top .text-box p{text-indent: 2em;}
.course-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:40px 0}
.course-item{border:1px solid #eee;padding:15px;border-radius:6px}
.course-item img{ float:left; padding-left:16px; margin-right:20px;}
.course-item h4{font-size:24px;margin-top:8px}
.course-item p{color:#ccc;font-size:25px;text-transform:uppercase;letter-spacing:1px}
.branch-desc{text-align:center;font-size:18px;color:#555;margin-bottom:50px; margin-top:-15px; }
.branch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}
.branch-card{border:1px solid #eee}
.branch-card img{width:100%;display:block}
.branch-card .name{background:#fe4f25;color:#fff;text-align:center;padding:6px 0 0 0;font-size:18px}
.branch-card .addr{font-size:11px;padding:4px;background:#fe4f25;color:#fff;}
.teacher-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;margin-bottom:100px}
.teacher-item{display:flex;gap:15px; background:#021151}
.teacher-item .avatar{width:240px;height:310px;object-fit:cover; margin-right:20px; color:#fff;}
.teacher-item .info h3{font-size:28px;margin-bottom:10px; line-height:56px; color:#fff; border-bottom:3px solid rgba(255, 255, 255, .5); margin-top:10px;}
.teacher-item .info p{font-size:17px;color:#fff;line-height:1.8}
.student-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2%; margin-top:50px; margin-bottom:100px}
.student-card{text-align:center; background:#fff; border-radius:10px; border: solid 1px rgba(255, 255, 255, .25); background-color: rgba(248, 248, 248, .06);}
.company_ttr{ line-height:34px;}
.student-card img{width:100%;margin-bottom:8px;     border-radius: 10px;}
.student-card img:nth-child(2) { width:138px; margin:0 auto; margin-top:24px;}
.student-card .scan-tip{font-size:18px;color:#fff; padding:20px 0 38px 0;}
.style-grid{display:grid;margin-bottom:40px}
.style-grid img{width:100%;}
.plan-wrap h3{text-align:center;font-size:26px;margin-bottom:30px}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.plan-card{border:1px solid #ddd;border-radius:8px;overflow:hidden}
.plan-card .title-bar{padding:12px;text-align:center;color:#fff;font-size:18px;font-weight:bold}
.plan-card.blue .title-bar{background:#0066ff}
.plan-card.orange .title-bar{background:#ff9933}
.plan-card.black .title-bar{background:#222}
.plan-card .tag{background:#ff3333;color:#fff;font-size:12px;padding:2px 8px;position:relative;top:-30px;left:calc(100% - 110px);width:100px;text-align:center;border-radius:4px}
.plan-card .content{padding:15px;font-size:13px}
.plan-card .content ul{list-style:none;margin-top:10px}
.plan-card .content ul li::before{content:"✓";color:#afafaf;margin-right:6px}


.lwthw{ width:1200px; margin:0 auto; padding-top:20px;}    
.lwthw h1{text-align:center;font-size:42px;color:#000000;margin-bottom:10px;font-weight:bold}
.top-subtext{text-align:center;font-size:14px;color:#444444;margin-bottom:45px;letter-spacing:0.5px}
.container-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2%; margin:auto;}
.card-box{ background:rgba(248,248,248,.06); border-radius:10px;  margin-bottom:110px; padding-bottom:130px;}
.top-red-tag{background-color:#ff3333;color:#fff;text-align:center;padding:5px 0;font-size:22px; letter-spacing:2px; font-weight:600; border-radius:6px 6px 0 0;}
.card-header-blue{background:linear-gradient(#d0e4ff,#e6f0ff);padding:20px 14px}
.card-header-orange{background:linear-gradient(#ffe2c8,#fff2e4);padding:20px 14px}
.card-header-black{background:#2c2c2c;color:#ffffff;padding:20px 14px}
.card-title{font-size:34px;font-weight:bold;margin-bottom:10px; font-family: 'Microsoft YaHei';}
.card-desc{font-size:20px;color:#333;margin-bottom:8px}
.card-header-black .card-desc{color:#eee}
.teacher-info{font-size:19px; font-family: 'Microsoft YaHei'; margin-bottom:13px;font-weight: bold;}
.tag-group{display:flex;gap:6px}
.tag-item{background:#ffffff;padding:6px 10px;border-radius:20px;font-size:16px;color:#333}
.card-header-black .tag-item{background:#444;color:#fff}
.time-bar-blue{background:#0066ee;color:#fff;text-align:center;padding:7px 0; font-size:20px; letter-spacing:1px; margin:10px 12px;border-radius:6px}
.time-bar-orange{background:#ffddbb;color:#000;text-align:center;padding:7px 0; font-size:20px; letter-spacing:1px; margin:10px 12px;border-radius:6px}
.time-bar-black{background:#222222;color:#fff;text-align:center;padding:7px 0; font-size:20px; letter-spacing:1px;  margin:10px 12px;border-radius:6px}
.service-list-wrap{padding:15px 16px 18px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 2%;}
.service-item{font-size:17px;line-height:1.5;color:#fff;}
.ctae{color:#0a74fc; font-weight:bold;}
.cqtu{color:#ff6f00; font-weight:bold;}
.service-item::before{content:"✓ ";color:#0066ff}
.card-box:nth-child(3) .service-item::before{color:#0066ff;}
.contact-bottom{margin-top:70px;text-align:center; background:#f3f3f3; padding-top:80px; padding-bottom:60px;}
.contact-title{font-size:30px;margin-bottom:32px;color:#000}
.qrcode-container{width:230px;height:230px;margin:0 auto 24px}
.tel-text{font-size:35px;color:#000}

.popupbox2 {margin: 0 auto;position: relative; transform: translateY(-50%);width:800px;  top:24%;}
.tab_con {position: absolute;top: 0;right: 0;display: none; overflow: auto !important;height:100%;z-index: 999955; width:100%; text-align:center;}
.tab_fai{position: fixed;top: 0;right: 0;z-index: 999999; width:100%; background: rgba(0,0,0,.6);}
.button {position: absolute;cursor: pointer; top:24%;}
.button:before{ background:url(../images/video_btn.png) no-repeat; content:'';width:30px;height:30px;position:absolute; top:-15px; right:-15px; }
.button:hover:before{ background:url(../images/video_b.png) no-repeat; content:'';width:30px;height:30px;position:absolute; top:-15px; right:-15px; }

.indexInfo .video9{position: relative;float: right;width:520px; right:4%; margin-top:9%;}
.indexInfo .video9[data-index="false"]::after{content: '';display: block;position: absolute;left:49%;top:49%;background: url(../images/video_btn@2x.png) no-repeat center;width: 100%;height: 100%;transform: translate(-50%, -50%);}
.indexInfo .video9 video{width:520px;height:300px;object-fit:fill; border-radius: 5px;}
@media (max-width:1440px){.indexInfo .text{width:520px;padding-top: 70px;}
.indexInfo .text > p{padding-right: 50px;}
.indexInfo .text > span{margin:10px 0 30px;}
.indexInfo .video9{width:520px;}
.indexInfo .video9 video{width:520px;height:300px;}
.indexInfo .video9[data-index="false"]::after{left: 56%;}
.indexInfo .text ul{margin-top:60px;}} @media (max-width:1200px){.indexInfo .text{padding-top: 40px;float: none;width: 100%;}
.indexInfo .text{text-align: center;}
.indexInfo .text > h2{font-size: 24px;text-align: center;}
.indexInfo .text > span{margin: 5px 0 20px;font-size: 16px;}
.indexInfo .text > p{padding: 0 10px;font-size: 14px;}
.indexInfo .text ul{margin-top: 20px;height: auto;padding: 15px 0;}
.indexInfo .text li span{font-size: 24px;}
.indexInfo .text li p{font-size: 14px;padding: 0 15px;}
.indexInfo .video9{margin-top: 10px;float: none;width: 100%;}
.indexInfo .video9 video{width: 100%;height: 350px;}
.indexInfo .video9[data-index="false"]::after{left:50%}}

.banner_tit:before{ background:none !important;}
.banner_tit{ text-align:left !important;}
.banner_tit h6{ text-align:left !important;}

.boxFzlc .swiper-slide{padding:0px !important; width:25% !important; height:auto !important;}
.zz_1 .m_zz li:nth-child(3) em{width: 116px;left:36%;}
.zz_1 .m_zz li:nth-child(1) em{width: 116px;left:36%;}
.zz_1 .m_zz li:nth-child(2) em{width:80px;}
.zz_1 .m_zz li:nth-child(4) em{width: 116px;left:24%;}
.zz_1 .m_zz li:nth-child(4) em i{ right:-31px;}
.zz_1 .m_zz li:nth-child(5) em{width: 116px;left:36%;}
.zz_1 .m_zz li{padding: 22px 0 !important;}
.zz_1 .m_zz li em i{ width:31px; right: 19px;}
#top60{height:55px;}

#banner_jq{ height: 560px}
.banner_tit{margin: 178px auto !important;}
.footer{height: 446px !important;}