*, body, html {padding: 0;margin: 0 auto;font-family: "Microsoft YaHei", sans-serif;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {margin: 0;padding: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ul, li {list-style: none;}
a {color: #333;text-decoration: none;padding: 0;margin: 0;}
a:hover {color: #d6000b;text-decoration: none;cursor: pointer;}

img {outline: 0;border: 0;vertical-align: top;}
li {position: relative;}
ul:before, ul:after {clear: both;display: block;}
input, textarea, select, button {border: 0;outline: none;}
i, em {text-decoration: none;font-style: normal;}

/*顶部收藏*/
.wrapt {width: 100%;background: url(../images/a_1.png) repeat-x;line-height: 30px;height: 30px;}
.clearfix {zoom: 1;}
.clearfix:after {clear: both;display: block;content: "";line-height: 0;height: 0;visibility: hidden;}
.t_1 {width:100%;max-width: 1200px;margin: 0 auto;}
.t_4 {float: left;}
.t_4 li {float: left;}
.li_1 {background: url(../images/a_3.png) no-repeat left center;padding-left: 20px;color: #F00;margin-right: 25px;}
.t_3 {float: right;width: 235px;}
.t_3 ul {overflow: hidden;zoom: 1;}
.t_2 {float: right;background: url(../images/a_2.png) no-repeat left center;padding-left: 30px;}
.header {max-width: 1200px;margin: 0 auto;}
/*logo*/
.dl_1 dt {display: flex;flex: 1;}
.dl_1{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.logo {float: left;}
/*logo旁城市列表*/
.pla {float: left;padding-top: 15px;margin-left: 20px;color: #2c7a00;font-size: 16px;font-family: 微软雅黑;}
.qh {float: left;margin-top: 20px;}
.qh_none {display: none;z-index: 10000;left: 0px;top: -25px;position: absolute;margin-top: 65px;background: #fff;}
.citylist {float: left;width: 362px;white-space: nowrap;}
.city-mid {background: url(../images/citylist_02.gif) repeat-y scroll 0 0 transparent;float: left;width: 400px;}
.city-mid ul {width: 385px;margin: 0px auto;text-align: center;line-height: 30px;}
.city-mid ul a {margin: 5px 20px 5px 20px;float: left;height: 30px;line-height: 30px;}
.fl, .left {float: left;}
/* 这里设置li鼠标移过的时候，如果里面有none这个类，才会触发里面的样式 */
li:hover .qh_none{display: block;/*这里把 none 里面的内容显示出来*/}
.search-containers {order: 2;width: auto;margin-top: 0;flex: 2;max-width: 400px;}
.search-form {display: flex;position: relative;width: 100%;}
.search-input {flex: 1;height: 44px;padding-right: 30px;border: 1px solid #ddd;border-radius: 10px;font-size: 14px;transition: all 0.3s ease;}
.search-input:focus {outline: none;border-color: #4d90fe;box-shadow: 0 0 0 2px rgba(77, 144, 254, 0.2);}
.search-btn1 {position: absolute;right: 8px;top: 50%;transform: translateY(-50%);width: 36px;height: 36px;border: none;border-radius: 50%;background-color: #4d90fe;color: white;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background-color 0.3s ease;}
.search-btn1:hover {background-color: #357ae8;}

/*移动端导航按钮*/
.header .icon-menu {display: none;}

/*导航*/
.dl_2 dt {background: url(../images/a_11.png) repeat-x;line-height: 35px;display: block;}
.ul_1 {overflow: hidden;zoom: 1;padding-left: 70px;}
.ul_1 .li_2 {background: url(../images/a_7.png) left bottom no-repeat;}
.ul_1 .li_2 a:hover {color: #F00;}
.ul_1 .li_2 a {color: #F00;}
.ul_1 li {margin-right: 9px;float: left;width: 90px;text-align: center;display: flex;justify-content: center;}
.ul_1 li:hover{color:#F00;background:url(../images/a_7.png) left bottom no-repeat;}
.ul_1 li:hover a{color:#F00;}


.ul_1 li a {color: #FFF;font-weight: bold;font-size: 14px;font-family: Tahoma, Arial, sans-serif, Simsun;}
.ul_1 li {margin-right: 9px;float: left;width: 90px;text-align: center;}
.dl_3 dd {margin-top: 2px;padding-left: 10px;background: url(../images/a_12.png) repeat-x;line-height: 37px;}
.ul_2all {overflow: hidden;zoom: 1;height: 42px;}
.ul_2all li {color: #000;float: left;margin-right: 7px;}
.ul_2all li a {color: #000;}
.ul_2all li a:hover{color:#ff0000}

.sy1 {padding-top: 5px;}
.footy {width: 100%;margin-top: 45px;clear: both;overflow: hidden;text-align: center;line-height: 32px;padding: 20px 0 30px;background: #fff;font-size: 14px;border-top: 2px #d6000b solid;box-shadow: 0 0 3px #f1f1f1;}
.footy a {padding: 0 10px;color: #666;font-size: 15px;}
.w1200 {max-width: 1200px !important;margin: 0 auto;}


@media (max-width: 768px) {
.header{width:100%;z-index: 99999;position: fixed;top: 0;left: 0;background-color:#FFF;}
.logo img{width:120px;display: block;}
.t_1{width:100%}
.dl_1 clearfix{display: block; margin: 0 5px 12px !important;width: 100px;}
.qh{margin-top:0px;}  



/*城市下拉框*/
.qh_none {
        position: fixed !important; /* 改为 fixed 定位 */
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        bottom: 0 !important;
        margin-top: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: 60vh; /* 限制最大高度 */
        overflow-y: auto; /* 允许滚动 */
        background: #fff;
        border-top: 2px solid #d6000b;
        box-shadow: 0 -5px 20px rgba(0,0,0,0.2);
        padding: 15px;
        box-sizing: border-box;
        transform: translateY(100%); /* 初始位置在屏幕外 */
        transition: transform 0.3s ease;
        z-index: 10001;
    }
    
    /* 显示弹窗 */
    .qh_none.active {
        transform: translateY(0); /* 滑动到可见位置 */
        display: block !important;
    }
    
    /* 移动端城市列表容器优化 */
    .citylist {
        width: 100% !important;
        float: none !important;
        white-space: normal !important;
    }
    
    .city-mid {
        width: 100% !important;
        background: none !important;
        float: none !important;
    }
    
    .city-mid ul {
        width: 100% !important;
        margin: 0 auto !important;
        text-align: center;
        line-height: 35px;
    }
    
    .city-mid ul a {
        margin: 5px 10px !important;
        float: left;
        height: 35px;
        line-height: 35px;
        padding: 0 15px;
        background: #f5f5f5;
        border-radius: 17.5px;
        display: inline-block;
        text-align: center;
        min-width: 80px;
        box-sizing: border-box;
    }
    
    .city-mid ul a:hover {
        background: #d6000b;
        color: #fff;
    }
    .qh{min-width:40px;}
    /* 移动端遮罩层 */
    .qh_overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.5);
        z-index: 10000;
    }
    
    .qh_overlay.active {
        display: block;
    }
    
    /* 关闭按钮 */
    .qh_close {
        position: absolute;
        top: 10px;
        right: 15px;
        width: 30px;
        height: 30px;
        background: #d6000b;
        color: white;
        border-radius: 50%;
        text-align: center;
        line-height: 28px;
        font-size: 18px;
        cursor: pointer;
        z-index: 10002;
    }
/*头部搜索框*/
.search-btn1 {width: 32px;height: 32px;}
.search-icon {width: 18px;height: 18px;}
.header .dl_1 {flex-wrap: wrap;}
.header .dl_1 dt {order: 1;flex: 1;margin-top: 10px;}
.header .search-containers {order: 3;width: 50%;max-width: none;;margin: 10px 20px;}
.ul_2all{display:none}
/*移动端*/
.sy1{position: relative;margin-top: 50px;}
.w1200{width: 100% !important;position:relative;margin: 0 auto;padding: 0px;box-sizing: border-box;}

/*移动端导航*/
.header .icon-menu{width: 50px;display: block;order: 2;padding-right: 15px;z-index:999}
.header .icon-menu i{ display: block;width: 25px;height: 3px;background-color: #333;margin: 4px auto;transition: 0.3s;}
.icon-menu i:nth-of-type(1){top: 7px;}
.icon-menu i:nth-of-type(2){top:15px}
.icon-menu i:nth-of-type(3){top:23px}
.dl_2{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 3;-webkit-transition: .5s ease;transition: .8s ease;background-color: #d5d5d5;flex-direction: column;display:none;}
.dl_2 dt,.ul_1 .li_2{background-image: none !important; }
.ul_1 li a{color:#333}
.ul_1{width: 100%;height: 100%;z-index: 6;transition: .5s ease;background-color: transparent;display: flex;flex-direction: column;}

/**/
.course{display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: 5px;width:100%;padding:0px}
.course .l{width:100%;height:auto}
.course .l .pic{width:100%}
.mt20{padding-top:0px}
}