body {
                        font-size: 1.4rem;
                    }
  @font-face {
  font-family: "SourceHanSerifCN-Regular";
  src: url('../fonts/SourceHanSerifCN-Regular.otf') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/SourceHanSerifCN-Regular.woff') format('woff2'),
       url('../fonts/SourceHanSerifCN-Regular.woff') format('woff'),
       url('../fonts/SourceHanSerifCN-Regular.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* 提升加载体验 */
}                  

                    
.container { max-width: 117rem; margin: 0 auto; padding: 0 1rem; box-sizing: border-box;}


.head { width: 100%; padding:  clamp(0.5rem, 2vw, 2rem) 1rem;}             
.head h1 { height:  clamp(3rem, 6vw, 7.6rem); }                  
.head h1 img { width: auto !important; height: 100%;}
.search{
            padding: 0px 10px;
            border: 1px solid #ccc;
            border-radius: 24px;
            width: 24rem;
            outline: none; position: relative;
            overflow: hidden;
        }
.search input {
            padding: 0.8rem 1rem;
            border: none;
            width: 100%;
            outline: none;
        }
.search button {
            background: none;
            border: none;
            cursor: pointer;
            color: #666;
            position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);
        }
.search i{ font-size: 2.4rem;}
/* 自适应导航 */

.hamburger {display: none; }

.bar {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #666;
}
.nav{ background: #c4171d; line-height: 5rem;}
.nav > ul > li { position: relative; }
.nav > ul > li > a {color: #fff; font-size: 1.6rem; display: flex; align-items: center; padding: 0 clamp(0rem, 1vw, 2rem);  gap: 6px; /* 文字和箭头间距 */}
.nav > ul > li:hover a{ background-color: #fff; color: #c4171d;}
.nav ul li ul {
            position: absolute;
            top: 5rem;
            width: 100%;
            left: 0;
            background-color: #fff;
            display: none; text-align: center;
            z-index: 999;
        }

        /* 二级菜单选项 */
        .nav ul li ul li {
            height: 4rem;
            line-height: 4rem;
            border-bottom: 1px solid #f5f5f5;
        }

        /* 二级菜单链接 */
        .nav ul li ul li a {
            color: #333 !important;
        }

        /* 鼠标悬浮一级菜单时，显示二级菜单 */
        .nav > ul > li:hover > ul {
            display: block; color: #333;
        }

        /* 下拉箭头样式（有二级菜单的标识） */
        .arrow {
            width: 0;
            height: 0;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 4px solid #fff;
            display: inline-block;
        }

.curument{ background-color: #fff; color: #c4171d !important;} 

.Diploma {   position: relative;  margin-top: -5rem;  z-index: 80; display: flex; flex: 1;}
.Diploma a{ padding: clamp(2rem, 2vw, 5rem) 1rem clamp(0rem, 2vw, 2rem); background: #fff; border: 1px solid #ebebeb; box-sizing: border-box;  border-right: none; transition: all 0.3s} 
.Diploma a:last-child{ border-right: 1px solid #ebebeb;}
.Diplomaicon{ font-size: clamp(4rem, 5vw, 6rem);}
.Diploma a h3{ font-size: clamp(1.5rem, 2vw, 2.4rem); margin: 1.5rem 0 1rem;}
.icon-jiantou{ font-size: clamp(2.4rem, 2vw, 4.8rem); margin-top: clamp(0rem, 2vw, 2rem); display: block;}
.Diploma a:hover{ background: #c4171d; color: #fff; border-color: #c4171d; transition: all 0.3s}

.home-title{ color: #abacb0; font-size: clamp(1rem, 2vw, 1.8rem);}
.home-title h2{ font-size: clamp(2rem, 3.2vw, 3.6rem); position: relative; color: #333; padding: 2rem 0 0.5rem; }
.home-title em{  width: 40px; height: 4px; background: #c4171d; display: inline-block; margin: 1rem 0;}


.home-cont{ padding: clamp(1rem, 2vw, 6rem) 1rem;}
.home-left{ }
/* 容器样式 */
.tab-nav { margin-top: 5rem; }
.tab-nav a{ display: block;}
.tab-item {padding:1rem 0; cursor: pointer; font-size: 1.6rem; transition: all 0.3s; margin-bottom: 1rem; }
.tab-item.active { color: #c4171d; position: relative; }

.tab-content-wrapper { width: 65%; background: #fff; }
.tab-item.active::after{content: ''; width: 45%; height: 2px; background: #c4171d;  position: absolute; left: 0; bottom: 0;}
/* 内容区域 */
.tab-content {display: none; font-size: 1.6rem;}
.tab-content.show {display: block;   /* 显示当前内容 */}
.tab-content li a{ padding: clamp(1rem, 2vw, 2rem) 0; overflow: hidden; transition: all 0.3s;}
.tab-content li time{ display: inline-block; margin-right: 5rem;}
.tab-content li a span::before { content: "——"; margin-right: 8px}
.tab-content li a:hover{ color: #c4171d;  padding-bottom:  clamp(3rem, 2vw, 4rem);}

.more{ display: block; border: 1px solid #ddd;  width: 14rem; height: 5rem; margin-top: clamp(1rem, 2vw, 3rem);  line-height: 5rem; border-radius: 3rem; text-align: center; overflow: hidden;}
.more:hover{ background: #c4171d; border: none; color: #fff; transition: all 0.3s;}

.art{ display: flex; flex-wrap:wrap; margin-top: clamp(0rem, 2vw, 3rem); font-size: 1.6rem;}
.art li{ width: 23.5%; margin:clamp(1rem, 2vw, 1.5rem) 0; margin-right: 2%; }
.art li:nth-child(4n){ margin-right: 0;}
.art li p{  height: 6rem; margin: 1.5rem 0 2rem; color: #666; line-height: 2.4rem; transition: all 0.3s;}
.art li time{ color: #999;}
.art li a:hover p{ color: #c4171d;}
.art li a:hover img{  width: 108% !important; transition: all 0.3s;}       

.banner { display: block; width: 100%; overflow: hidden;}
.banner img{ width: 100%; display: block; position: relative; top: 0; left: 50%; transform: translateX(-50%);}

.links{ padding:clamp(1rem, 2vw, 3rem) 0 0;}
.links a{ display: inline-block; margin: clamp(1rem, 2vw, 1.5rem) 0; margin-left: clamp(2rem, 2vw, 6rem); font-size: 1.6rem; }
.links a:first-child{ margin-left: 0;}
.links a:hover{ color: #c4171d;}

.footer{ border-top: 1px solid #ddd; line-height: 2.4rem; padding: 3rem 0;}

/* 二级页面 */
.location{ padding: clamp(1rem, 2vw, 2rem) 1rem;}
.Table-cont{ border: 1px solid #ddd; width: 70%; margin:clamp(1rem, 2vw, 3rem) auto; padding:clamp(1rem, 3vw, 5rem) clamp(2rem, 4vw, 12rem); box-sizing: border-box;}
.Table-cont input{ width: 100%; margin:1rem auto 2rem; border: 1px solid #ddd;  padding:clamp(1rem, 1vw, 1rem);font-family: "SourceHanSerifCN-Regular", "Noto Serif SC", serif; box-sizing: border-box;font-size: 1.8rem; outline: none; display: block;}
.Table-cont button{ width: 100%; background: #c4171d; color: #fff; border: none; padding: clamp(1rem, 1vw, 1.5rem)0; display: block; font-size: clamp(1.6rem, 2vw, 2rem); border-radius: 0.5rem;  outline: none; overflow: hidden;}
.Table-cont label{ font-size: 1.6rem; font-weight: 600;}
/* 师资证书查询 */
.results{ padding: clamp(0rem, 2vw, 5rem)}
.results-cont{ position: relative; margin:clamp(2rem, 4.8vw, 5rem) 0 ;  box-sizing: border-box; color: #e7010a; font-size:  clamp(1.2rem, 3vw, 3.4rem); font-family: "SourceHanSerifCN-Regular", "Noto Serif SC", serif; font-weight: 500;}
.touxiang{width: 17.4%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: 26%;}
.results-name{ position: absolute; top: 48.4%; left: 28%; }
.results-number{ position: absolute; top: 52.3%; left: 28%; }
.results-type{position: absolute; top: 57.5%; left: 69%;}
.results-Level{position: absolute; top: 62%; left: 12%;}
.results-timenum{position: absolute; top:69.5%; left: 21.5%; font-weight: normal !important;  font-size:clamp(1.2rem, 2.6vw, 3rem);}
.results-time{ position: absolute; top: 73%; left: 21.5%; font-weight: normal !important;  font-size:clamp(1.2rem, 2.6vw, 3rem);}
.erweima{width: 13%; position: absolute;    right: 11%;    bottom: 22.6%;}

.load{ 
    display: block;
    background: #c4171d;
    width: 16rem;
    padding: 1.5rem 0;
    border-radius: 0.5rem;
    text-align: center;
    color: #ffffff;
    font-size: clamp(1.4rem, 3vw, 1.8rem);
  margin: 0 auto 2rem;}

  /* 考评证书查询 */
.Evaluation-cont{ position: relative; margin:clamp(0rem, 2vw, 3rem) 0 ;  box-sizing: border-box; color: #e7010a; font-size:  clamp(1.2rem, 3vw, 3.2rem); font-family: "SourceHanSerifCN-Regular", "Noto Serif SC", serif; font-weight: 500;}

.Evaluation-name{ position: absolute; top: 33.6%; left: 30%; }
.Evaluation-number{ position: absolute; top: 37.8%; left: 30%; }
.Evaluation-timenum{position: absolute; top:63.8%; left: 25%; font-weight: normal !important;  font-size:clamp(1.2rem, 2.6vw, 3rem);}
.Evaluation-time{ position: absolute; top: 67.4%; left: 25%; font-weight: normal !important;  font-size:clamp(1.2rem, 2.6vw, 3rem);}
.Evaluation-erweima{width: 14%; position: absolute;    right: 11%;    bottom: 27.6%;}
.pos1{position: absolute; top: 48.2%; left: 35.2%;}
.pos2{position: absolute; top: 48.2%; left: 47.5%;}
.pos3{position: absolute; top: 48.2%; left: 56.5%;}
.pos4{position: absolute; top: 48.2%; left: 69%;}
.pos5{position: absolute; top: 48.2%; left: 81.5%;}
.pos6{position: absolute; top: 52.5%; left: 13.4%;}
.pos7{position: absolute; top: 52.5%; left: 33%;}
.pos8{position: absolute; top: 57%; left: 19%;}
.pos9{position: absolute; top: 57%; left: 38.5%;}


.Evaluation-avator{width: 17.4%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: 23%;}
.Evaluation2-name{ position: absolute; top: 46.4%; left: 27%; }
.Evaluation2-number{ position: absolute; top: 50%; left: 27%; }
.pob1{position: absolute; top: 57.2%; left: 35.2%;}
.pob2{position: absolute; top: 57.2%; left: 47.5%;}
.pob3{position: absolute; top: 57.2%; left: 56.5%;}
.pob4{position: absolute; top: 57.2%; left: 69%;}
.pob5{position: absolute; top: 57.2%; left: 81.5%;}
.pob6{position: absolute; top: 61%; left: 13.4%;}
.pob7{position: absolute; top: 61%; left: 33%;}
.pob8{position: absolute; top: 64.6%; left: 19%;}
.pob9{position: absolute; top: 64.6%; left: 38.5%;}
.Evaluation2-timenum{position: absolute; top:69.8%; left: 24%; font-weight: normal !important;  font-size:clamp(1.2rem, 2.6vw, 3rem);}
.Evaluation2-time{ position: absolute; top: 73.2%; left: 24%; font-weight: normal !important;  font-size:clamp(1.2rem, 2.6vw, 3rem);}
.Evaluation2-erweima{width: 13%; position: absolute;    right: 11%; bottom: 21.6%;}

.college-tab{ text-align: center; margin-bottom:clamp(1rem, 2vw, 3rem);}
.college-tab a{ display: inline-block !important; margin: 0 2rem;}

.news-list li a{ width: 100%; background: #f5f5f5; margin: 2rem 0; padding:clamp(1rem, 2vw, 1rem);  box-sizing: border-box; transition: all 0.3s;  }
.news-time{background: #fff;  box-sizing: border-box; text-align: center; font-size:  clamp(1.4rem, 1.4vw, 1.6rem); padding: clamp(1rem, 2vw, 1.5rem) 0; margin-right:clamp(1rem, 2.6vw, 5rem); color: #999; display: block;} 
.news-time b{ font-size: 3rem; display: block; color: #c4171d;  margin-bottom: clamp(1rem, 1vw, 1rem);}
.news-cont{ width: 82%}
.news-list li h3{ margin-bottom: 1.5rem; font-size: clamp(1.8rem, 2vw, 2rem); color: #333;  line-height: 2.8rem;  transition: all 0.3s;}
.news-list li p{ color: #666; }
.news-list li a:hover h3{ color: #c4171d; margin-bottom: 2rem;  transition: all 0.3s;}

.detail-box{ width: 76%; margin: 0 auto; background: #f5f5f5; padding:clamp(2rem, 3vw, 5rem) clamp(1rem, 3vw, 5rem); margin-top: 3rem; box-sizing: border-box;}
.detail-title{ font-size:2.4rem; line-height: 3.2rem; padding-bottom:2rem;  border-bottom:1px solid #ddd}
.detail-time{ margin: clamp(2rem, 2vw, 2rem); font-size: 1.6rem;}
.detail-time span{ margin: 0 1rem;}
.detail-cont{ line-height: 3.6rem; font-size: 1.8rem;  text-align: justify;       /* 核心：两端对齐 */
  text-justify: inter-ideograph; /* 让中文也整齐对齐 */}

.detail-cont p{ margin: 2rem 0;}
.detail-cont img{  max-width: 100% !important;
            /* 保持图片比例，不变形 */
            height: auto;
            /* 图片居中（可选） */
            display: block;
            margin: 0 auto;}

.related{ border-top: 1px dotted #ddd; margin-top: 3rem;}
.related li{ margin: 2rem 0 0;}
.related li a:hover{ color: #c4171d;}
.contact-erweima{ width: 70%;}
.contact-erweima span{ margin: 1rem;}

.contact-cont{ width: 76%; margin: 0 auto; background: #f5f5f5; padding:clamp(2rem, 3vw, 5rem) clamp(1rem, 3vw, 5rem); margin-top: 3rem; box-sizing: border-box;}


.downloadbutn{display: inline-block;
    padding: 1rem 2rem;
    background: #c4171d;
    color: #fff; border:none; border-radius:5px;}