@charset "utf-8";
/* CSS Document */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", "SimHei", sans-serif;
        }
        body {
            background-color: #fff;
            color: #333;
            font-size: 16px;
        }
        a {
            text-decoration: none;
            color: inherit;
        }
		a:hover {
     color: #f05a25;
}
        ul, li {
            list-style: none;
        }
		
		.mt20{ margin-top:20px;}
		.mt30{ margin-top:30px;}

        /* 头部区域 */
        .header {
            max-width: 1200px;
            margin: 0 auto;
            padding: 30px 15px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 10px;
        }
        .header-left {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .logo {
            width: 234px;
            height: 62px;
        }
        .logo-text h1 {
            color: #ff5500;
            font-size: 18px;
            line-height: 1.2;
        }
        .logo-text p {
            font-size: 12px;
            color: #333;
        }
        .header-banner {
            flex: 1;
            text-align: center;
        }
        .header-banner img {
            max-width: 350px;
            height: auto;
        }
        .header-search {
            display: flex;
            align-items: center;
        }

		input {padding:0;margin:0;border:0 none;}
textarea {resize:none;overflow:auto; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:16px; margin:0; }
input::-moz-focus-inner { border:none; padding:0; }
button, input, optgroup, select, textarea {color:inherit;font:inherit;}
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none;}

.index-search{ margin-top:35px; width:280px;}

.index-s-txt{ background-color:#f05a25;
    height: 35px;
    width: 240px;
    box-sizing: border-box;
    padding: 0 10px 0 20px;
    line-height: 35px;
	border-right:none;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px; font-size:14px; color:#FFFFFF;}
	
.index-s-btn {
    width: 40px;
    height: 35px;
    background: #f05a25;
    outline: 0;
    border: none; 
    cursor: pointer;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #fff;
    line-height: 35px; font-size:14px;
}
.index-s-btn:hover {
    opacity: .9;
}
.ts-icon:before {
    content: '';
    display: inline-block;
    background-image: url(https://www.gx211.cn/skin/index2021/images/serch-btn.png);
    background-repeat: no-repeat;
    vertical-align: -2px;
    width: 13px;
    height: 15px;
    margin-right: 3px;
}

/* 解决表单input和button之间空白间隙 
.header-search form{font-size:0;}
.header-search .index-s-txt,.header-search .index-s-btn{font-size:14px;}*/

        /* 导航栏 外层滚动容器 */
        .nav {
            background-color: #fff;
            border-bottom: 1px solid #eee;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
			margin-top:0;
        }
        .nav::-webkit-scrollbar {
            display: none;
        }
        .nav-wrap {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            flex-wrap: nowrap;
            white-space: nowrap;
        }
        .nav-item {
            padding: 10px 18px;
            font-size: 18px;
            color: #666666;
            transition: background 0.2s;
            flex-shrink: 0;
        }
        .nav-item.active {
            background-color: #ff5500;
            color: white;
        }
        .nav-item:hover {
            background-color: #ff5500;
            color: white;
        }

        /* 筛选栏 */
        .filter-bar {
            max-width: 1200px;
            margin: 20px auto;
            padding: 10px 10px;
            background-color: #fff5f0;
            border: 1px solid #ffd3c4;
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            align-items: center;
            font-size: 15px; color: #666666;
        }
        .filter-bar a {
            color: #ff5500;
            margin-left: auto;
        }

        /* 面包屑 */
        .breadcrumb {
            max-width: 1200px;
            margin: 20px auto;
            padding: 0 15px;
            font-size: 14px;
            color: #333;
        }
		
		/*=========首页=========*/
		
		/* 卡片模块 */
.sort-box, .form-box {
/*    background: #f5f6f8;
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04); */

}

.sort-box{
	max-width: 1200px;
    margin: 0 auto;	padding: 0px 15px;
/*	            display: flex;
            flex-wrap: wrap;
            gap: 8px;*/
	}
.line30 {
    border-top: 3px solid #CCCCCC;
    width: 30px;
}
.sort-title {
    font-size: 22px;
    font-weight: bold;
    color: #F05A25; margin-top:30px;
}
.sort-group {
    margin-top:20px;
}

.sort-group > span {
    /*display: inline-block;*/
    color: #666;
    font-size: 16px; font-weight:bold;
}
.sort-group a {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    margin: 0.2rem;
    /*background: #f2f3f5;*/
    border-radius: 3px;
    font-size:14px;
}
.sort-group a:hover {
    background: #ff7300;
    color: #fff;
}
.sort-links{ margin-top:20px;}
.sort-links a{font-size:16px;}


/* 搜索表单 */
.form-box{max-width: 1200px;margin: 0 auto;padding: 0px 15px;}
.form-row { 
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.8rem;
    margin-bottom: 0.8rem; margin-top:20px;
}
.form-row input,
.form-row select {
    padding: 0.5rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 0.9rem;
}
.form-row .search-submit {
    padding: 0.5rem 1.2rem;
    background: #ff7300;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
}


/* 院校列表 */
.school-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin: 1rem 0;
}
.school-card {
    background: #f9f9f9;
    border-radius: 6px;
    padding: 1rem;
}
.school-card h4 {
    color: #d82e2e;
    margin-bottom: 0.6rem;
    font-size: 18px;
    display: flex;
    justify-content: space-between;

}
.school-card a {
    display: block;
    padding: 0.3rem 0;
    border-bottom: 1px dashed #ddd;
    font-size: 14px;
}
.school-card a:hover {
    color: #ff7300;
}
.more {
    width: 23px;
    height: 23px;
    background: url(https://www.gx211.cn/skin/index2021/images/more1.jpg);
    
}




/*===========================*/

.card-wrap{
  display:grid;
  gap:16px;
  grid-template-columns:repeat(auto-fill,minmax(340px,1fr));max-width:1200px; padding:15px; margin:0 auto;
}
.item-card{
  background:#fff;
  border-radius:10px;
  padding:18px;
  box-shadow:0 1px 6px #eee;
}
.card-title{
  font-size:19px;
  color:#d92121;
  font-weight:bold;
  margin-bottom:10px;
  padding-bottom:8px;
  border-bottom:1px solid #eee;
}
.card-text a{
  color:#333;display: inline-block;
  line-height:2em;  text-decoration: none; padding-right:5px; padding-top:5px; padding-bottom:5px; font-size:15px;
}

.card-text a:hover {
    color: #ff7300;
}






        /* 页脚 */
        .footer {
            border-top: 4px solid #f05a25;
            padding: 20px;
            margin-top: 30px;
            font-size: 14px;
            color: #333;
            line-height: 2;background: url(http://www.gx211.cn/skin/index2021/images/bottom-bg.jpg) repeat;
        }
		.footer .shengming{text-align:left; max-width: 1200px; margin:15px auto}
		.footer .footer1{ max-width: 1200px;text-align:center;border-top: 1px solid #E7E7E7; margin:0 auto;}
		.footer .footer1 a{ padding:5px;}
		.header-mobile{ display:none;}


 /* 响应式适配 - 手机端 */

@media (max-width: 992px) {
    .school-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

       
        @media screen and (max-width: 768px) {
			        body {
            background-color: #fff;
            color: #333;
            font-size: 16px;
        }
		
            .header {
				display:none;
            }
			.header-mobile{ display:block;}
			
			.filter-bar {
            max-width: 1200px;
            margin: 20px auto;
            padding: 10px 10px;
            background-color: #fff5f0;
            border: 1px solid #ffd3c4;
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            align-items: center;
            font-size: 14px;
        }
		
		
		
            .main-container {
                grid-template-columns: 1fr;
            }
			
			.main-container1 {
                grid-template-columns: 1fr;
            }
            .top-section {
                flex-direction: column;
            }
            .school-img, .school-intro {
                width: 100%;
            }
            .news-list {
                grid-template-columns: 1fr;
            }
			.right-column{ padding-left:0px;}
			.nav{ margin-top:50px;}
			.nav-item.active {
                background-color: #FFF;
                color: #333; 
            }
			.nav-item.active { color:#F05A25;}
			#indexHeader{display:block;z-index:999;overflow:hidden;position:fixed;top:0;left:0;right:0}
			#indexHeader .top_bar{height:50px;position:relative;background:#eb5d06; overflow:hidden;} 
			#indexHeader .top_bar .abs_l,#indexHeader .top_bar .abs_m,#indexHeader .top_bar .abs_r{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
			#indexHeader .top_bar .abs_l{z-index:100;}
			.abs_l{text-align:center; width:85%;}
			#indexHeader .top_bar .abs_r{right:0;z-index:100}
			#indexHeader .top_bar .refresh_title{background:url(https://www.gx211.cn/skin/wap/images/logo.png) no-repeat 100%;width:80px;background-size:80px;padding-left:15px} 
			#indexHeader .top_bar .refresh_title{width:150px;display:inline-block;height:35px} 
			#indexHeader .top_bar .refresh_title{background-size:150px} 
			#indexHeader .top_bar .search{display:inline-block;width:24px;height:24px;background:url(https://www.gx211.cn/skin/wap/images/feed_ic_search_normal.png) no-repeat 50%;background-size:contain;margin-right:12px} 
			#indexHeader .top_bar .search{width:30px} 
			#indexHeader .top_bar .search{height:30px}  
			#indexHeader .top_bar .search{margin-right:15px}
			.divHeader-tit {
    width: auto;}
	
			.sort-group a {
			display: inline-block;
			padding: 0.25rem 0.5rem;
			margin: 0.2rem;
			background: #f2f2f2;
			border-radius: 3px;
			font-size:14px;
			}
			
	
	    .form-row {
        flex-direction: column;
        align-items: stretch;
    }
    .school-grid {
        grid-template-columns: 1fr;
    }
    .sort-group > span {
        width: auto;
        margin-bottom: 0.3rem;
        display: block;
    }		




	
		}