* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", sans-serif;
        }
        :root {
            --main-blue: #2b7bcc;
            --warm-orange: #f28530;
            --gray-bg: #f5f7fa;
            --text-dark: #333;
            --text-gray: #666;
            --white: #fff;
        }
        body {
            background-color: var(--gray-bg);
            color: var(--text-dark);
            line-height: 1.6;
        }
        /* ¶¥²¿µ¼º½ */
        header {
            background: var(--main-blue);
            color: var(--white);
            position: sticky;
            top: 0;
            z-index: 99;
        }
        .nav-wrap {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0px 0px;
        }
.logo{font-size: 22px;font-weight: bold; padding:18px 0;}
.top-bar{max-width: 100%;background:#223344;}
.top-jzbar{max-width:1200px;margin: 0 auto;height: 32px;padding:5px 0;font-size:14px;}
.top-jzbar span{float:right;font-size:12px;}
.top-jzbar b{font-weight: normal;}
.top-bar .btn{
    display:inline-block;
    font-size:12px;
    color:#ffffff;
    text-decoration:none;
    padding:1px 5px;
    border-radius:5px;
    margin:0 3px;
}
.btn-reg{ background:#20b2b8;}
.btn-login{background:#20b2b8;}
.btn-submit{background:#ff7800;}

/* hoverÐü¸¡Ð§¹û */
.btn-reg:hover,.btn-login:hover{
    background:#f66d11;
}
.btn-submit:hover{
    background:#e40616;
}
.yh{color:#fff;font-weight:bold;cursor:pointer;background-color:#006be3;font-size:14px;line-height:24px;height:28px;border:0;border-radius:3px;padding:1px 8px;} 
.yh:hover{background-color:#ff6766}
.zt14,.z14{font-size:14px;}
.zt14 a{color:#095fb6;text-decoration:none;}
.zt14 a:hover{color:#ff4747;}
.daifa{font-size:14px;line-height:1.8;}
.daifa a{color:#095fb6;text-decoration:none;}
.daifa a:hover{color:#ff4747;}
.header{font-size:14px;color: #019999; font-weight: bold; background-color: #d3ecfe;}
.header a{display:inline-block;width:100%;text-decoration:none;}
.wxz a{display:inline-block;width:100%;text-decoration:none;color: #666;}
.xz{color:#009999;font-size:16px;font-weight: bold;}
.xzjf{color:#666;font-size:14px;}
.tbk{font-size:14px;font-weight: bold;font-weight: bold;}
.tbk a{text-decoration:none;color: #0961bb;}
.htt{font-size:14px;color: #0961bb; font-weight: bold; background-color: #d3ecfe;}
.htt td{padding-left:5px;}
.ntt{font-size:12px;color: #666;margin-top:5px;}
.ntt td{padding:5px 0px 5px 5px;border-bottom:1px #d3ecfe solid;line-height:20px;}
.tableborder a{color: #4a4b4a;font-size:12px;text-decoration:none;}
.tableborder a:hover{color: #3aa400;}
.tableborder{font-size:14px;}
input,textarea{border:1px solid #c6c6c6;
    border-radius:3px;
    background:#fff;
    font-size:14px;
    color:#333;
    padding:3px 3px;
    outline:none;
    }
nav ul {display: flex; list-style: none; }
        nav ul li a {
            color: var(--white);
            text-decoration: none;
            padding: 5px 20px;
            display: inline-block;
            transition: 0.3s; border-radius:20px;
        }
        nav ul li a:hover {
            background: rgba(255,255,255,0.2);
            color: #fff;
        }
        .search-box {
            display: flex;
            gap:6px;
        }
        .search-box input {
            padding:6px 10px;
            border-radius:4px;
            border:none;
            outline:none;
        }
        .search-box button {
            padding:6px 10px;
            border:none;
            background:var(--warm-orange);
            color:white;
            border-radius:4px;
            cursor:pointer;
        }
.search-box a{
	color:white;
	background-color:#01a51c;
	padding:3px 10px;
	font-size:14px;
	border-radius:4px;
	cursor:pointer;
	text-decoration: none;
}
.sous:hover,.search-box a:hover{background-color:#e02537}
.touga{margin-left:200px;}
.tougao a{color:#141414;}
.tougao a:hover{color: #f50e0e}
.tougaoa a{width:300px;display:inline-block;padding:0px 10px 0px 10px;color:#0995e5;border:1px solid #b2e3ff;font-size:14px;line-height:30px;height:30px;border-radius:5px;list-style-type:none;text-decoration: none;}	
strong{font-weight:bold}
.tougaoa li{height:35px;margin-top:5px;margin-left:200px;list-style:none;}
.tougaoa a:hover{background-color:#ff7b7b;color:#fff;}
.toug{background-color:#fbfbfb;padding:10px 10px 20px 10px;margin-bottom:10px;}
.touga,.xz{font-weight:bold;font-size:15px;color:#0995e5;padding-left:5px}
.tougao{font-size:14px;line-height:26px;color: #666;padding-bottom:10px;}
.tougb{line-height:40px;height:40px;}
.bx a{color:#f4f39b;}	
        /* ÂÖ²¥banner */
        .banner {
            max-width:1200px;
            margin:20px auto;
            height:300px;
            border-radius:10px;
            overflow:hidden;
            position:relative;
        }
        .banner-item{
            width:100%;
            height:100%;
            display:none;
            align-items:center;
            justify-content:center;
            color:#fff;
            font-size:32px;
            font-weight:bold;
            text-shadow: 1px 1px 4px #0005;
        }
     .list_toutiao li:nth-of-type(1){
    height: 300px;
    width: 590px;
    float: left;
    margin: 0;
}
.list_toutiao{height: 300px;}
.list_toutiao li{
    height:140px;
    width: 285px;
    position: relative;
    overflow: hidden;
    float: right;
    margin: 0 0 20px 20px;
	border-radius: 6px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
}
.list_toutiao li a{
    display: block;
    height: 100%;
    background-size: cover;
    background-position: center;
}
.list_toutiao li img{
    width: 100%;
}
.list_toutiao li h2{
    position: absolute;
    width: 100%;
    /*height: 60px;*/
    background: rgba(0,0,0,.35);
    bottom:0;
    margin: 0;
    color: #fff;
    font-weight: normal;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    padding: 7px;
    transition: background 0.5s;
   text-shadow: 1px 1px 1px #000;
}
.list_toutiao li h2:hover{ background: rgba(0,0,0,.5);}
.list_toutiao li:nth-of-type(1)h2{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    padding: 7px 20px;
    line-height: 20px;
    font-size: 16px;
	text-shadow: 1px 1px 1px #000;
}
.breadcrumb{ max-width:1200px;margin:20px auto 0;padding:0 20px; font-size:16px;color:#666;}
.breadcrumb a{color:var(--main-blue);text-decoration:none;}
        /* Ö÷ÌåÈÝÆ÷ */
        .container{
            max-width:1200px;
            margin:20px auto 10px;
            display:grid;
            grid-template-columns: 820px 360px;
            gap:24px;
            padding:0 0px;
        }
    .containers{
            max-width:1200px;
            margin:20px auto 10px;
            display:grid;
            grid-template-columns:1200px ;
            gap:24px;
            padding:0 0px;
        }
   
        .card-title h2{
            font-size:18px;
            color:var(--main-blue);
            padding-bottom:12px;
            border-bottom:2px solid var(--main-blue);
            margin-bottom:12px;
        }
.lshowm{text-align:left;padding-bottom:10px;padding-left:10px;margin-right:auto;margin-left:auto;width:100px;padding-top:20px;}
.sha{margin-top:5px;}
.shb{margin-top:5px;font-size:12px;margin-bottom: 10px;}
.card-title a,.side-title a{color: #2b7bcc;text-decoration: none;}
.card-title a:hover,.side-title a:hover{color: #f28530}
.list-item{padding:14px 0;border-bottom:1px dashed #eee;}
.list-item span{float:right;}
.list-item a{
 font-size:16px;
            color:var(--text-dark);
            text-decoration:none;
        }
        .list-item a:hover{
            color:var(--warm-orange);
        }
        .list-date{
            color:#999;
            font-size:13px;
        }
        /* ·ÖÒ³ */
        .page-wrap{
            margin-top:30px;
            text-align:center;font-size:14px;
        }
        .page-wrap a{
            display:inline-block;
            padding:2px 5px;
            border:1px solid var(--main-blue);
            color:var(--main-blue);
            text-decoration:none;
            margin:0 2px;
            border-radius:4px;
        }
        .page-wrap a.active{
            background:var(--main-blue);
            color:#fff;
        }
.page-wrap a:hover{background-color:#cee6ff;}
        /* ²à±ßÀ¸ */
        .sidebar .module-card{
            margin-bottom:24px;
        }
        .side-title{
            font-size:18px;
            color:var(--main-blue);
            border-left:4px solid var(--warm-orange);
            padding-left:10px;
            margin-bottom:14px;
        }
        .side-list li{
            list-style:none;
            padding:7px 0;
        }
        .side-list li a{
            color:#444;
            text-decoration:none;
        }
        .side-list li a:hover{
            color:var(--warm-orange);
        }
  
  
        /* À¸Ä¿¿¨Æ¬ */
        .module-card{
            background:var(--white);
            border-radius:10px;
            padding:20px;
            margin-bottom:24px;
            box-shadow:0 2px 8px #0000000c;
        }
        .more{
            color:var(--main-blue);
            text-decoration:none;
            font-size:14px;
        }
        .news-list li{
            list-style:none;
            padding:8px 0;
            border-bottom:1px dashed #eee;
            display:flex;
            justify-content:space-between;
        }
        .news-list li a{
            color:var(--text-dark);
            text-decoration:none;
        }
        .news-list li a:hover{
            color:var(--warm-orange);
        }
        .date{
            color:#999;
            font-size:13px;
        }

        /* ²à±ßÀ¸ */
        
        .apply-btn{
            display:block;
            text-align:center;
            background:var(--warm-orange);
            color:white;
            padding:10px;
            border-radius:6px;
            text-decoration:none;
            margin-top:12px;
        }
        /* Ò³½Å */
        footer{
            background:#223344;
            color:#ccc;
            padding:20px 0;
            text-align:center;
        }
        footer p{
            font-size:14px;
        }
 footer a{ color:white;text-decoration: none;}
 footer a:hover{color:#ffedce}
 .article-title{
            font-size:20px;
            color:#222;
            text-align:center;
            margin-bottom:16px;
        }
        .article-meta{
            text-align:center;
            color:#888;
            font-size:14px;
            margin-bottom:24px;
            padding-bottom:16px;
            border-bottom:1px solid #eee;
        }
.article-content{line-height:1.8}
.article-content p{margin-bottom:16px;font-size:16px; text-indent:2em; }
.article-content img{max-width:780px;margin-top:5px;margin-bottom:5px;border-radius:5px;}

        /* Òƶ¯¶ËÊÊÅä */
 @media(max-width:900px){
.container,.containers{grid-template-columns: 1fr;}
.logo{width:100%;text-align:center;padding: 10px 0;}
.logo img{display:inline-block;}
.nav-wrap{display:flex;flex-direction: column;gap:0px;padding-bottom:10px}
nav{width:100%;background:#2b7bcc;}
nav ul{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    grid-template-columns: repeat(3, 2fr);
}
nav ul li{text-align:center;}
nav ul li a{
    display:block;
    color:#fff;
    font-size:16px;
    padding:0px 0;
    text-decoration:none;
}
nav ul li a:hover{ background:#f7f9fc;}
.search-box,.sidebar,.date,.top-jzbar b{display:none}    
.article-content img {max-width: 96%!important; height: auto!important;}
.article-content img{vertical-align:middle;max-width:335px;
height: expression(this.width >335 ? (335*(this.height/this.width)): true);
width: expression(this.width >335 ? 335: true);} 
.touga{margin-left:10px;}
.tougaoa li{margin-left:10px;}  
}