.qb_pc_topBox{background:#fff;}
.qb_pc_topBox ul{max-width: 1300px;margin: auto;overflow: hidden;line-height: 35px;font-size: 14px;color: #666;}
.qb_pc_topBox ul:after{content: '';display: block;clear: both;}
.qb_pc_topBox ul ol{float:left;}
.qb_pc_topBox ul li{float: right;word-spacing: 15px;}
/**logo导航**/
.head_logo_warp{background:#f5f5f5;width:100%;}
.Logo_Menu{max-width: 1300px;margin: auto;position: relative;z-index: 9999;padding:30px 0;}
.Logo_Menu ul{display: table;width: 100%;}
.Logo_Menu ul ol,.Logo_Menu ul li{display: table-cell;vertical-align: middle;}
.Logo_Menu ul ol img { width:150px; height:auto;border:0;}
.Logo_Menu ul li{text-align: right;}
.Logo_Menu ul li dl{display: inline-block;position: relative;}
.Logo_Menu ul li dl a{display: block;line-height: 50px;padding-left:40px; font-size: 18px;}
.Logo_Menu ul li dl.ck a,.Logo_Menu ul li dl:hover a{color: #DE1F26; font-weight:bold;}
/* 导航系统 */
.head_logo_warp {position: relative;z-index: 1000;}
.Logo_Menu {padding: 2rem 0;}
.Logo_Menu ul {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.desktop-nav {display: flex;gap: 2rem;}
.desktop-nav dl {position: relative;}
.desktop-nav dl a {color: var(--secondary-color);text-decoration: none;padding: 0.5rem 1rem;transition: color 0.3s;}
.desktop-nav dl.ck a,.desktop-nav dl:hover a {color: var(--primary-color);font-weight: 600;}
/* 移动端适配 */
.mobile-nav-toggle {
    display: none;
    width: 30px;
    height: 24px;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
}
.mobile-nav-toggle span {
    width: 100%;
    height: 3px;
    background: var(--primary-color);
    transition: 0.3s;
}

@media (max-width: 768px) {
    .mobile-nav-toggle {
        display: flex;
    }
    
    .desktop-nav {
        position: fixed;
        top: 0;
        right: -100%;
        width: 80%;
        height: 100vh;
        background: white;
        flex-direction: column;
        padding: 2rem;
        box-shadow: -2px 0 10px rgba(0,0,0,0.1);
        transition: 0.3s;
        z-index: 999;
    }

    .desktop-nav.show {
        right: 0;
    }

    .desktop-nav dl {
        margin: 1rem 0;
    }
}
/**首页报名表单**/
.erweima{position:fixed; width: 40%;height:30%;left:30%; top:20%;z-index:999;}
.erweima:before {position: fixed;content: ''; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.7);}
.erweima .close {position: absolute; right: -20px; top: -20px; width: 40px; height:40px; background: #666; border-radius: 50%; line-height: 35px; text-align: center; color: #fff; font-size: 40px;z-index:3;}
.erweima .con {position: relative; z-index: 2; padding: 30px; background: #f9f9f9 url(/public/static/jijian/qun/lesson-banner.png) right top no-repeat;border-radius: 10px; }
.erweima .con ol{text-align:center;}
.erweima .con ol img{width:120px;}
.erweima .con ol span{vertical-align: -5px; color: #333; font-size:20px; padding:0 5px;}
.erweima .con .baoming-form{margin: 30px; padding:30px; background:#fff; box-shadow:0 0 20px rgba(100, 100, 100, .2);border-radius: 10px;}
.baoming-form .baoming-tit { padding-bottom: 30px; text-align: center; font-size:20px; font-weight: 700;}
.baoming-wrap .baoming-group{padding-bottom:20px; font-size:16px; }
.baoming-wrap .baoming-group .form-control-box{ line-height: 38px; height:38px; border: 1px solid #ddd; border-radius:5px;}
.baoming-wrap .baoming-group .tit{ position: absolute; padding:0 10px;}
.baoming-wrap .baoming-group .tit i{ margin-right: 3px;font-style: normal;color: #DE1F26; font-weight:800;}
.baoming-wrap .baoming-group .text{ border: 0; padding: 0 0 0 80px; width: 100%; }
.baoming-wrap .baoming-group dt{ padding-bottom:10px;}
.baoming-wrap .baoming-group dd div{font-size:16px;}
.baoming-wrap .butter{text-align: center;}
.baoming-wrap .butter button{display: block;border: 0px;width: 50%;line-height: 30px;background: #DE1F26;color: #FFF;border-radius: 25px; padding:10px;margin: 20px auto 0;font-size:16px;}
.baoming-wrap .butter button:hover{background: #f00;}
/***底部***/
.page-footer{background: #222; font-size:14px;width: 100%;box-sizing: border-box;position: relative;}
.page-footer .lianxi{text-align:center; color:#fff; background: #272727; padding:30px 0;}
.page-footer .lianxi ul{max-width: 1300px; margin: auto;}
.page-footer .lianxi dt i{font-size:30px;line-height:40px;color:#DE1F26}
.page-footer .lianxi .tel{border-left:1px solid #333;border-right:1px solid #333}
.page-footer .lianxi dd{font-size:18px;}

.tel{float:left;position:relative;padding-right:15px;padding-left:15px;display:block;width:25%}
.map{float:left;position:relative;padding-right:15px;padding-left:15px;display:block;width:40%}

.page-footer .webmap{padding:50px 0 80px; border-bottom:1px solid #333; width:1300px; margin: auto;}

.page-footer .webmap .webmap-list{margin-right:30px;display:inline-block;vertical-align:top}
.page-footer .webmap .webmap-list dt{margin-bottom:30px;font-size:22px;color:#ccc;}
.page-footer .webmap .webmap-list dl{display: block;line-height: 34px;color:#666;}
.page-footer .webmap .webmap-list dd a{ine-height: 34px;color:#666; font-size:18px; padding-right:30px;}
.page-footer .webmap .webmap-list dd a i{padding-right:5px}
.page-footer .webmap .webmap-list dd a:hover{color:#ccc;}
.page-footer .webmap .guanzhu{float:right;}
.page-footer .webmap .guanzhu .guanzhu-wx{padding:10px;background:#eee;border-radius: 5px;}
.page-footer .webmap .guanzhu img{margin-bottom:8px;width:150px;height:150px;background:#fff;}
.page-footer .webmap .guanzhu span{display:block;font-size:14px;line-height:20px;text-align:center;color:#666;}

.page-footer .copy{padding:20px 0;font-size:16px;color:#666;}
.page-footer .copy ul{display: table;max-width: 1300px;margin: auto;}
.page-footer .copy ul ol,.page-footer .copy ul li{display: table-cell;vertical-align: middle;}
.page-footer .copy ul ol a{color:#666;}
.page-footer .copy ul ol a:hover{color:#ccc;}
.page-footer .copy ul ol{ float:left;}
.page-footer .copy ul li{display: table;float: right;}

/***侧边客服***/
.c_nav {position: fixed; right: 15px; z-index:1; width: 80px; top: 50%; margin-top: -200px;}
.c_nav li { float: right;}
.c_nav li a { background: #fff;display: block; width: 70px; height: 70px; border-radius: 10px; border: #ddd 1px solid; text-align: center; margin-bottom: 10px;}
.c_nav li a i {display: inline-block; width: 28px; height: 22px; padding: 10px 0;transition: all 0.5s;}
.c_nav li a:hover i { transform: rotate(360deg);}

.c_nav li.li1 a {background: #DE1F26; color: #fff; transition: all 0.5s; height: 95px;}
.c_nav li.li1 a p {letter-spacing: 3px; line-height: 20px; font-size: 14px;}
.c_nav li.li1 i { color:#fff; font-size:30px;}

.c_nav li.li2 a:hover {background:#DE1F26;color: #fff; border: #DE1F26 1px solid;}
.c_nav li.li2 a:hover i {color:#fff;}
.c_nav li.li2 i {color:#DE1F26; font-size:30px;}
.c_nav li.li2:hover .ewm { display: block;}
.c_nav li.li2 .ewm { display: none; height: 160px; width: 140px; position: absolute; right: 84px; border-radius: 10px; text-align: center; background:#DE1F26; top: -51px;}
.c_nav li.li2 .ewm .arrow {position: absolute;width: 9px;height: 18px;background: url(https://www.jinkoucai.vip/public/static/images/side_bg_arrow1.png) no-repeat;right: -8px;top: 70px;}
.c_nav li.li2 .ewm img {background-size:100%; width: 119px; height: 119px; margin: 11px 11px auto;}
.c_nav li.li2 .ewm span {font-size: 13px; color: #ffff; line-height: 30px; }

.c_nav li.li3 a {overflow: hidden; position: relative; transition: all 0.5s;}
.c_nav li.li3 .hides { width: 230px; height: 70px;position: absolute; padding: 10px 15px; display: none; text-align:left;}
.c_nav li.li3 .hides i {color:#fff; float:left; font-size:45px; padding-right:10px;}
.c_nav li.li3 .hides em { font-size: 16px; color: #fff;}
.c_nav li.li3 .hides p { font-size: 24px; color: #fff;}
.c_nav li.li3 i { color:#DE1F26; font-size:30px;}
.c_nav li.li3 a:hover { background: #DE1F26; width: 230px; border: #DE1F26 1px solid;}
.c_nav li.li3 a:hover .hides { display: block;}
.c_nav li.li3 a:hover .shows {display: none;}

.c_nav li.li1 {-webkit-animation: rotateInDownRight 1.5s 0.5s ease both;-moz-animation: rotateInDownRight 1.5s 0.5s ease both;}
.c_nav li.li2 { position: relative; -webkit-animation: rotateInDownRight 1.5s 2s ease both;-moz-animation: rotateInDownRight 1.5s 2s ease both;}
.c_nav li.li3 {-webkit-animation: rotateInDownLeft 1.5s 1.5s ease both; -moz-animation: rotateInDownLeft 1.5s 1.5s ease both;}