*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;color:#1c2c4a}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.site-header{color:#fff}
.header-top{
    background:url(http://img.sntcm.edu.cn/HIWCMjsfz/202511/202511210148035.png) repeat-x;
    width: 100%;
    height: 115px;
}
.header-top img{
    width: 100%;
    height: 100%;
    object-fit: none;
}
.header-top .container{padding:18px 16px}
.top-grid{display:flex;align-items:center;justify-content:space-between}
.header-nav{
    /* background:#163783; */
    /* box-shadow:0 2px 0 rgba(255,255,255,.15) inset; */
    background: url(/images/topx.png) repeat-x;
}
.header-nav .container{padding:6px 16px}
.nav-row{display:flex;align-items:center;justify-content:space-between}
.nav-right{display:flex;align-items:center;gap:8px}
.icon{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer}
.menu-toggle{display:none}
.search-form{width:0;opacity:0;overflow:hidden;transition:width .25s ease, opacity .25s ease}
.search-form input{height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.15);color:#fff}
.search-form input:focus {outline:none;}
.search-form.open{width:200px;opacity:1}
.brand{display:flex;flex-direction: row;align-items: center;gap: 15px;}
.logo{font-size:22px;font-weight:700;width: 300px;}
.logo img{width: 100%;height: 100%;object-fit: cover;}
.subtitle{font-size:14px;text-shadow: -1px 2px 1px rgba(0,0,0,1);display: flex;flex-direction: column;color:#fff}
.actions{display:flex;align-items:center;gap:10px}
.search{height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.15);color:#fff}
.search::placeholder{color:#e9efff}
.action{color:#fff;text-decoration:none;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.25)}
.nav{display:flex;gap:0}
.nav a{color:#fff;text-decoration:none;padding:10px 14px;opacity:.95;position:relative}
.nav a::after{content:"/";position:absolute;right:0;top:50%;transform:translateY(-50%);}
.nav a:last-child::after{display:none}
.nav a:hover{color:#faf391}
.nav a:hover::after{color:#fff}
.main{background:#f5f8ff}
.grid-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;padding:24px 16px}
.hero-banner{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.hero-banner img{width:100%;height:420px;object-fit:cover;display:block}
.banner-caption{position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(180deg,transparent,rgb(28 62 143));color:#fff;padding:18px 16px;font-size:15px}
.carousel .slides{display:flex;width:100%;height:420px;transition:transform .5s ease}
.carousel .slide{min-width:100%;position:relative}
.carousel .control{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;border-radius:50%;background:rgba(255,255,255,.7);color:#0a3eaa;font-size:22px;cursor:pointer}
.carousel .control:hover{background:#fff}
.carousel .prev{left:12px}
.carousel .next{right:12px}
.carousel .dots{position:absolute;left:0;right:0;bottom:6px;display:flex;justify-content:center;gap:8px}
.carousel .dot{width:8px;height:8px;border-radius:20%;background:rgba(255,255,255,.7);border:none;cursor:pointer}
.carousel .dot.active{background:#fff}
.notice{background:#fff;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.08);padding:16px}
.notice-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.notice-head h3{margin:0;font-size:18px;color:#1c3e8f}
.notice-head .more{color:#3a64c7;text-decoration:none}
.notice-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.notice-list li{display:flex;gap:12px;align-items:center;padding:10px;border-radius:8px;background:#f7f9ff}
.notice-list a{flex:1;color:#1c2c4a;text-decoration:none;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 400px;}
.notice-list a:hover{color:#0a3eaa}
.date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:#eaf0ff;color:#1c3e8f;flex-shrink:0}
.date em{font-size:20px;font-weight:700;line-height:1}
.date i{font-style:normal;font-size:12px;opacity:.8}
.quick-nav{padding:8px 0 24px}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tiles .tile{
    display:flex;align-items: self-start;
    flex-direction: column;
    gap:12px;padding:20px;
    border-radius:12px;
    color:#fff;text-decoration:none;
    position:relative;overflow:hidden}
.tiles .tile::after{
    /* content:"";position:absolute;right:-10px;top:-10px;
    width:80px;height:80px;border-radius:20px;opacity:.18;
    transform:rotate(20deg);background:#fff */
    content: "⬆";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 130px;
    font-size: 100px;
    opacity: .18;
    background: linear-gradient(to bottom, #eeeeee, #f3f3f300);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.tiles .tile .tile-icon{
    font-size:22px;
    margin-left: 20px;
}

.tiles .tile .tile-icon{font-size:22px}
.tile .tile-title{font-size:20px;color: #fff;}
.green{background:#91b17f}
.teal{background:#67afc0}
.sand{background:#d4c7a2}
.purple{background:#8081c7}
.lists{padding:8px 0 24px}
.list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.list-card{background:#fff;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.08);padding:14px}
.card-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;margin-bottom:8px}
.card-head .title{
    width: 150px;height: 45px;position: relative;
}
.card-head .title img{
    width: 100%;height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.card-head .title h3{
    margin:0;color:#052e69;font-size:20px;
    position: absolute;
    left: 30px;
    top: 10px;font-weight: bold;
}
.card-head a{color:#9a9a9a;text-decoration:none;}
.link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.link-list li{display:flex;justify-content:space-between;align-items:center;padding:20px 8px;border-bottom:1px dashed #e9edff}
.link-list li:last-child{border-bottom:none}
.link-list a{text-decoration:none;color:#1c2c4a;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 470px;margin-left:10px}
.link-list a:hover{color:#0a3eaa}
.link-list li .time{color:#1c2c4a;font-size:14px;display: flex;align-items: center;;}
.link-list li .time::after{content:"";display:inline-block;width:1px;height:12px;background:#a7a8a8;margin-left:10px}
.bottom-sections{padding:24px 0 48px;background:linear-gradient(180deg,#f5f8ff 0%,#e9f0ff 100%)}
.bottom-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
    display: flex;
}
.circle-list{
    background:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.08);
    padding:14px;border-top:4px solid var(--accent, #244b9a);
    width: calc(33.33% - 14px);
}
.circle-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.circle-list li{
    display:flex;align-items:center;gap:12px;padding:12px 10px;
    border-bottom:1px dashed #e9edff;
    transition:background .2s ease, transform .2s ease

}
.circle-list li:hover{background:#f7f9ff;transform:translateY(-1px)}
.circle-list li:last-child{border-bottom:none}
.circle{
    display:flex;flex-direction:column;
    align-items:center;justify-content:center;
    width:66px;height:66px;border-radius:50%;
    /* background:#052e69; */
    background: url(/images/quan.png) no-repeat center center;
    flex-shrink:0
}
.circle em{font-size:20px;font-weight:700;line-height:1;color: #fff;}
.circle i{font-style:normal;font-size:12px;opacity:.8;color: #ccc;}
.circle-list li a{text-decoration:none;color:#1c2c4a;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 100%;}
.bottom-grid .circle-list:nth-child(2){--accent:#49a6b0}
.bottom-grid .circle-list:nth-child(3){--accent:#6a70c8}
.site-footer{
    background:#032d6d;color:#c9d4ff;border-top:6px solid #244b9a;
    
}
.site-footer .container{
    display: flex;justify-content: space-between;margin: 20px auto;
}
.site-footer .footer-meta{
    display: flex;
    align-items: center;
    gap:20px;
    width: 50%;
    letter-spacing: 5px;
}
.footer-logo{
    width: 300px;
}
.footer-logo img{
    width: 100%;
}
.site-footer .footer-info{
    width:50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.site-footer .footer-info .icon{
    width: 50px;height: 50px;background: #244b9a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.site-footer .footer-info .icon img{
    width: 24px;height: 24px;
}
.site-footer .footer-info .xian{
    width: 1px;
    height: 50px;
    background: #fff;
    margin:0 20px;
}
.site-footer .footer-info .info{
    display: flex;
    flex-direction: column;    color: #d4d4d4;
    font-size: 12px;
}
.footer-copy{width:100%;text-align:center;color:#c9d4ff;font-size:12px;opacity:.8;border-top:1px solid rgba(255,255,255,.25);padding:12px 0}

.drawer{position:fixed;inset:0;display:none}
.drawer.open{display:block}
.drawer-mask{position:absolute;inset:0;background:rgba(0,0,0,.35)}
.drawer-panel{position:absolute;right:0;top:0;height:100%;width:78%;max-width:340px;background:#163783;color:#fff;transform:translateX(100%);transition:transform .3s ease;box-shadow:-8px 0 24px rgba(0,0,0,.25);padding:12px}
.drawer.open .drawer-panel{transform:translateX(0)}
.drawer-close{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:8px;padding:6px 10px}
.drawer-nav{display:flex;flex-direction:column;margin-top:10px}
.drawer-nav a{color:#fff;text-decoration:none;padding:12px 6px;border-bottom:1px solid rgba(255,255,255,.12)}
.drawer-nav a:last-child{border-bottom:none}

@media (max-width:1024px){
  .grid-hero{grid-template-columns:1fr;}
  .tiles{grid-template-columns:repeat(2,1fr)}
  .list-grid{grid-template-columns:1fr}
  .bottom-grid{grid-template-columns:1fr}
  .site-footer .footer-links{grid-template-columns:1fr 1fr}
  .site-footer .footer-meta{grid-template-columns:1fr}
}

@media (max-width:640px){
  .header-nav .nav{display:none}
  .menu-toggle{display:inline-block}
  .logo{font-size:18px}
  .subtitle{font-size:12px}
  .hero-banner img{height:240px}
  .carousel .slides{height:240px}
}

@media (min-width:641px){
  .menu-toggle{display:none}
}


/*列表内容*/
.mainbox{ width:1000px; margin:0 auto; clear:both;}
.mainbox960{ width:960px; margin:0 auto; clear:both;}
.mainbox980{ width:980px; margin:0 auto; clear:both;}
.mainbox1200{ width:1200px; margin:0 auto; clear:both;}



/*列表*/
.list_l{ width:885px; float:left; background:#FFF; border:1px solid #ededed;}
.local{ height:70px; line-height:70px;	color:#1d6dc6;} 
.local_box{ height: 70px; border-bottom:1px solid #ededed; width:95%; margin:0 auto}	
.local_ul li {
    line-height: 70px;
    float: left;
    padding-right: 10px;
	color:#002985;
	font-size:15px;
	font-weight:600
	
}
.local_ul li a{
	color:#002985;
	display:block;
	 padding-left:3px;
	 font-size:15px;
}
.local_ul li a:hover{
	color:#002985;
	display:block;
	 padding-left:3px;
	 font-size:15px;
	 text-decoration:underline;
}
.list_r_t{}
.list_r_t ul { padding-top:5px;}
.list_r_t ul li{
     padding-left: 25px; 
    height: 50px;
    line-height: 50px;
    letter-spacing: 1px;
    border-bottom: 1px solid #ededed;
    width: 95%;
     margin: 0 auto;

	}
.list_r_t ul li a{ font-size:14px; }
.list_r_t ul li a:hover{ color:#0da3e2; font-size:14px;}
.list_r_t ul li span{ float:right; padding-right:10px; color:#666666; font-size:12px;}
.pageing {
    text-align: right; 
    padding-right: 30px;
}
.pageing span {
    line-height: 80px;
    padding: 0 6px;
	font-size:14px;
}

.list_r{ float:right; width:300px; background:#FFF;}
.list_xwdt{ border:1px solid#ededed;} 
.list_xwdtt{ background:url(../../images/index.files/ico18.png) 20px center no-repeat; height:50px; line-height:50px; padding-left:30px;  border-bottom:1px solid#ededed;}
.list_xwdtt h1{float:left; line-height:50px; font-size:15px;  font-weight:bold; border-bottom:3px solid #377acb;}
.list_xwdtt span{ float:right; padding-right:15px;}
.list_xwdtc ul { margin:5px 0px;}
.list_xwdtc ul li{ background:url(../../images/index.files/ico1.png) 15px no-repeat;  height:34px; line-height:34px;padding-left:10px;}
.list_xwdtc ul li a{ font-size:13px;}
.list_xwdtc ul li a:hover{ font-size:13px; color:#ff8e32;}
.ckgd{ background:url(../../images/index.files/tittle7.png) no-repeat; width:115px; height:28px; line-height:28px; text-align:center; margin:15px 10px 40px 30px;}
.ckgd  a{ color:#FFF; font-size:12px;}

.list_zt{ margin-bottom:20px;}
.list_zt ul li{ width:270px; height:60px; padding:10px 15px;}

/*内容页：新闻显示*/
.info_area_box{border-top:2px solid #DCDCDC;; background-color:#F7FCFF;}
.info_box{ padding:9px 15px;}
#info_toptitle{ font-size:24px; line-height:32px; font-weight:bold; text-align:center; }
#info_title{ color: #333333;
    font-family: Microsoft Yahei;
    font-size: 32px;
	line-height:56px;
    text-align: center; }
#info_subtitle{ font-size:20px; line-height:32px; text-align:center;}
.attribute{ color: #898989;
    font-size: 12px;
    height: 30px;
	line-height:30px;
    overflow: hidden;
    text-align: center;}
.info_content_opt{ line-height:20px; text-align:right;}
#info_source{ font-size:12px; padding-right:10px; }
#info_author{ font-size:12px; padding-right:10px;}
#info_hits{ color:#C30; padding-right:10px; color:#F00;}
#info_released_dtime{font-size:12px;}
#info_description{ font-size:14px; line-height:180%; text-indent:2em; border:1px solid #DEDEDE; padding:6px 10px; background-color:#fff; }
#info_video{ text-align:center;}/*视频展示区域*/
#info_pic{ text-align:center;}/*小组图展示区域*/
#info_content{line-height:180%;}
#info_content p{ text-indent:2em;line-height: 40px; color:#333; font-size:15px;}
#info_content div{ text-indent:2em;}


.print_btn{font-size:14px; text-align:right; height:60px; line-height:60px;}



             

#controls  { float:right;
              padding:2px;
              width:30px;
              background:#333;
			  position:relative;
			  top:0px; right:-30px;
              
              text-align:center;
              transition:.25s ease-out;}

#controls a
           {  font-size:24px;
              color:#aaa;
              display:block;
              font-weight:bold;
              padding: 5px;}

#controls a:hover
           {  color:#fff;
              background:#000;
              transition:.25s ease-out; border-right: 1px solid #CBCBCB; }

a.selected  {  background:#000;
               color:#fff !important;}

#small     {  font-size:12px !important;}
#medium    {  font-size:15px !important;}
#large     {  font-size:18px  !important;}

.small     {  font-size:75%;}

 
#wrapper p          {  font-size:15px;
              line-height:40px; padding:0px 40px; text-indent:2em}

/*妯悜闂撮殧瀹氫箟*/
.blank0 {clear:both; height:0px; overflow:hidden; display:block;}
.blank1 {clear:both; height:1px; overflow:hidden; display:block;}
.blank2 {clear:both; height:2px; overflow:hidden; display:block;}
.blank3 {clear:both; height:3px; overflow:hidden; display:block;}
.blank4 {clear:both; height:4px; overflow:hidden; display:block;}
.blank5 {clear:both; height:5px; overflow:hidden; display:block;}
.blank6 {clear:both; height:6px; overflow:hidden; display:block;}
.blank7 {clear:both; height:7px; overflow:hidden; display:block;}
.blank8 {clear:both; height:8px; overflow:hidden; display:block;}
.blank9 {clear:both; height:9px; overflow:hidden; display:block;}
.blank12 {clear:both; height:12px; overflow:hidden; display:block;}
.blank15 {clear:both; height:15px; overflow:hidden; display:block;}
.blank18 {clear:both; height:18px; overflow:hidden; display:block;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block;}
.blank30 {clear:both; height:30px; overflow:hidden; display:block;}
.blank40 {clear:both; height:40px; overflow:hidden; display:block;}
.blank10 {clear:both; height:10px; overflow:hidden; display:block;}
.blank17 {clear:both; height:17px; overflow:hidden; display:block;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0; color:#2b2b2b;}
li{list-style-type:none;list-style:none;}
table{ margin:0 auto;border-spacing:0; border-collapse:collapse; }
img{border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}
q:before,q:after {content:'';}   
abbr,acronym {border:0;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal; font-style:normal;}   
a {color:#2b2b2b;text-decoration:none;}
a:hover {color:#ba2636;text-decoration:underline;}