/* ==========================================================
   rsit.cn  SEO 标签改造补丁  ——  seo-fix.css
   ==========================================================

   【这个文件是干什么的】
   原站的 CSS 把字号绑死在 h2 标签上，例如：
       #index-banner .bannerTitle h2 { font-size: 70px; }
   一旦把 h2 改成 h1，这条规则就失效，标题会塌成浏览器默认大小。
   本文件把同样的样式挂到 class 上，这样里面放 h1 还是 h2，外观都一样。

   【怎么用】—— 只有两步
   第 1 步：把本文件上传到  /statics/rsit/css/  目录
   第 2 步：在每个页面 </head> 的前面加这一行：
           <link rel="stylesheet" href="/statics/rsit/css/seo-fix.css">

   【重要】本文件不修改、不覆盖、不删除任何原有样式，只是追加。
   加上去之后，页面视觉不会有任何变化。

   【怎么回滚】把上面那一行 link 删掉，立刻恢复原样。
   ========================================================== */


/* ==========================================================
   第 1 部分：首页首屏大标题「品质设计 只做有用的网站」
   ========================================================== */

#index-banner .bannerContent .bannerTitle {
    font-size: 70px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0em;
    color: #FFFFFF;
    margin: 0;
}

#index-banner .bannerContent .bannerTitle i {
    opacity: 0;
    transition: 0.88s 0.44s;
    font-style: normal;
}

#index-banner .swiper-slide-active .bannerContent .bannerTitle i {
    animation: zoomIns 1s;
    -moz-animation: zoomIns 1s;
    -webkit-animation: zoomIns 1s;
    -o-animation: zoomIns 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}


/* ==========================================================
   第 2 部分：内页首屏大标题
   服务 / 案例 / 新闻 / 关于 / 联系 共用
   ========================================================== */

.subBanner .bannerText .bannerTitle {
    font-size: 60px;
    font-weight: 500;
    line-height: normal;
    color: #FFFFFF;
    text-align: center;
    margin: 0;
}


/* ==========================================================
   第 3 部分：联系页标题「联系方式」
   （原来 h2 带一条红色下划线，改成 h1 后要补回来）
   ========================================================== */

.subCon .subConSack .subConTop .subConTopTitle h1 {
    font-size: 44px;
    font-weight: 500;
    color: #1A1A1A;
    display: inline-block;
    padding-bottom: 18px;
    position: relative;
    margin: 0;
}

.subCon .subConSack .subConTop .subConTopTitle h1::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 4px;
    background: #E01E24;
    left: 0;
    bottom: 0;
}


/* ==========================================================
   第 4 部分：关于页 降级成 p 的大字
   只有加了 class="keep-h1" 的元素才会生效，不会影响别的地方
   ========================================================== */

.aboutUs .aboutUsSack .opaque_txt > p.keep-h1 {
    font-family: Arial;
    font-size: 130px;
    font-weight: 900;
    letter-spacing: 0.06em;
    margin: 0;
}

.aboutUs .aboutUsSack .opaque_txt1 > p.keep-h1 {
    font-size: 60px;
    font-weight: bold;
    letter-spacing: 0em;
    line-height: 88px;
    margin: 0;
}


/* ==========================================================
   第 5 部分：案例详情页标题（客户名，例如「千惠集团」）
   注意：案例详情页的标题是【左对齐】的，内页默认是居中，
   所以这里要单独覆盖回来，否则标题会跑到中间去。
   ========================================================== */

.subBanner.caseDetail .bannerText .bannerTitle {
    text-align: start;
}


/* ==========================================================
   第 6 部分：新闻详情页 文章标题
   ========================================================== */

.newsDetailTop .newsDetailTitle h1 {
    font-size: 50px;
    font-weight: normal;
    color: #1A1A1A;
    margin: 0;
}


/* ==========================================================
   第 7 部分：响应式（照抄原来的断点，保证每个屏幕宽度都对）
   ========================================================== */

@media (min-width: 1200px) and (max-width: 1400px) {
    #index-banner .bannerContent .bannerTitle { font-size: 50px; }
    .subBanner .bannerText .bannerTitle       { font-size: 48px; }
    .newsDetailTop .newsDetailTitle h1        { font-size: 28px; }
    .aboutUs .aboutUsSack .opaque_txt1 > p.keep-h1 {
        font-size: 48px; line-height: 60px;
    }
}

@media (max-width: 1536px) {
    .aboutUs .aboutUsSack .opaque_txt  > p.keep-h1 { font-size: 100px; }
    .aboutUs .aboutUsSack .opaque_txt1 > p.keep-h1 { font-size: 50px; line-height: 75px; }
    .newsDetailTop .newsDetailTitle h1             { font-size: 40px; }
}

@media (max-width: 1400px) {
    .subBanner .bannerText .bannerTitle { font-size: 48px; }
}

@media (max-width: 1199.9px) {
    #index-banner .bannerContent .bannerTitle { font-size: 50px; }
    .subCon .subConSack .subConTop .subConTopTitle h1 { font-size: 36px; }
    .aboutUs .aboutUsSack .opaque_txt  > p.keep-h1 { font-size: 90px; }
    .aboutUs .aboutUsSack .opaque_txt1 > p.keep-h1 { font-size: 40px; line-height: 64px; }
}

@media (max-width: 992px) {
    .subBanner .bannerText .bannerTitle { font-size: 38px; }
    .newsDetailTop .newsDetailTitle h1  { font-size: 32px; }
}

@media (max-width: 768px) {
    #index-banner .bannerContent .bannerTitle { font-size: 32px; }
    .subBanner .bannerText .bannerTitle       { font-size: 28px; }
    .subCon .subConSack .subConTop .subConTopTitle h1 { font-size: 28px; }
    .newsDetailTop .newsDetailTitle h1        { font-size: 32px; }
    .aboutUs .aboutUsSack .opaque_txt  > p.keep-h1 { font-size: 70px; }
    .aboutUs .aboutUsSack .opaque_txt1 > p.keep-h1 { font-size: 28px; line-height: 44px; }
}

/* 手机端不播逐字动画，字直接显示（跟原来一样） */
@media (max-width: 499px) {
    #index-banner .bannerContent .bannerTitle {
        font-size: 28px;
        text-align: center;
    }
    #index-banner .bannerContent .bannerTitle i {
        animation: none !important;
        opacity: 1 !important;
    }
    .subBanner .bannerText .bannerTitle { font-size: 28px; }
    .subCon .subConSack .subConTop .subConTopTitle h1 { font-size: 24px; }
    .newsDetailTop .newsDetailTitle h1  { font-size: 24px; }
    .aboutUs .aboutUsSack .opaque_txt  > p.keep-h1 {
        font-size: 58px; letter-spacing: 0em;
    }
}


/* ==========================================================
   回滚：把页面 </head> 前面加的那一行删掉即可
   <link rel="stylesheet" href="/statics/rsit/css/seo-fix.css">
   ========================================================== */