/* ============================================================
   frame.htm 头尾还原样式（源站 https://www.arcticvision.com.cn/index）
   头部：bootstrap navbar（navbar-default/inverse/fixed-top/soll）
   尾部：.dibu（背景 dibu.png）+ .kuai_1/kuai_2/kuai_2_1/kuai_3
   说明：bootstrap.css 已含 navbar 基础样式，此处仅补充源站 style.css 中的定制
   ============================================================ */

/* ---------- 通用 ---------- */
.wrapmax {
    max-width: 100%;
    min-width: 0;
    margin: auto;
}

* {
    font-family: SourceHanSansBold, "Source Han Serif SC", "微软雅黑", sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a:link, a:visited, a:hover, a:active { text-decoration: none; }

.wrap {
    width: auto;
    max-width: 1200px;
    margin: 0 auto;
}

/* ---------- 头部导航：逐条对齐源站 style.css（不整包引入，避免全局副作用） ----------
   参考：/XMLSCore8/wwwroot/arcticVision/cn/css/style.css（即 reference ..._files/style.css 同源副本）
     39      : 源站全局 img{width:100%}（仅在 .navbar 内等效，避免影响内容区图片）
     47-58   : 基础 nav（#666 / 10px 10px / .Brand / navbar 17px）
     348-362 : ≥768  nav link padding 15px 10px
     391-408 : ≥992  nav link padding 25px 10px
     452-475 : ≥1400 nav link padding 25px 15px
     702-705 : .soll（滚动后白底 0.8）
     740-757 : .PC/.iphone、.nav_search、≥1130 容器 width:100%
   ---------------------------------------------------------------- */
.navbar {
    margin-bottom: 0;
    font-size: 17px;
}

.navbar.soll { background-color: rgba(255, 255, 255, 0.8); }
.soll .navbar-nav > li > a { color: #000; }

/* 源站全局 img{width:100%} 在导航内的等效 */
.navbar img { width: 100%; }

/* 顶部默认态：bootstrap.css:4615 已改为不透明 #f2f2f2（源站同款） */
.navbar-inverse { background-color: #f2f2f2; }
.navbar-inverse .navbar-nav > li > a { color: #666; padding: 10px 10px; }
.navbar-inverse .navbar-nav > li > a.bototmT {
    height: 26px;
    padding: 0 10px;
    border: 1px solid #374a74;
    color: #000000;
    background-color: transparent;
    border-radius: 4px;
    line-height: 24px;
    cursor: pointer;
    float: left;
    margin-left: 10px;
    margin-bottom: 8px;
    margin-top: 20px;
    font-family: '微软雅黑';
}
.navbar-inverse .navbar-nav > li > a.bototmT:hover { color: #c10404; }

.Brand { width: 145px; padding: 10px 0; padding-left: 15px; }

/* 源站：移动端搜索图标默认显示，≥1130 隐藏（style.css:740-751） */
.PC { display: none !important; }
.iphone { display: block !important; }
.nav_search { width: 30px; margin: 13px; float: right; }

@media (min-width: 1130px) {
    /* 容器锁死 1170px 会让右对齐菜单换行，源站此处满宽 */
    .navbar .container { width: 100%; }
    .PC { display: block !important; }
    .iphone { display: none !important; }
    .nav_search { display: none; }
    .search_box { display: flex !important; }
}

/* 语言按钮下拉容器（style.css:752-757） */
.language_pos { position: relative; }
.language {
    width: 50px;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 50px;
    left: 4px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.8);
}
.language .item {
    padding: 0 10px;
    line-height: 24px;
    border: 1px solid #374a74;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    margin: 5px;
}
.language .item:hover { color: #c10404; }
.language .item:hover a { color: #c10404; }
.language_pos:hover .language { height: auto; }

/* 源站响应式 nav link padding 断点 */
@media (min-width: 768px) {
    /* 源站 style.css:360 —— 否则 bootstrap 默认 margin-right:-15px 会让菜单整体左移 15px */
    .navbar-right { margin-right: 0; }
    .navbar-inverse .navbar-nav > li > a { padding: 15px 10px; }
}
@media (min-width: 992px) {
    .navbar-inverse .navbar-nav > li > a { padding: 25px 10px; }
}
@media (min-width: 1400px) {
    .navbar-inverse .navbar-nav > li > a { padding: 25px 15px; }
}

/* 源站导航内搜索框（对齐 source product.css .search_box）
   说明：用 .navbar-nav li 前缀提高特异性，防止首页独有加载的 product.css
   （其 .search_box 为内容区搜索样式，特异性更低）覆盖导航搜索框，
   确保首页与其它页面导航样式完全一致 */
.navbar-nav li .search_box {
    width: 90%;
    max-width: 654px;
    border-radius: 50px;
    background-color: white;
    box-shadow: 0 0 15px #e3e4e7;
    display: flex;
    align-items: center;            /* 源站 product.css:731-733 */
    justify-content: space-between;
}
/* 与源站完全同构：input 走源站全局 input{width:100%} 的语义（basis=100%），
   图标 .icon_search 作为可收缩 flex 子项 → 实测 16×16，与参考页逐像素一致。
   切勿再给 input 加 flex:1 / 给图标加 flex:0 0 27px，否则图标会放大到 27px。 */
.navbar-nav li .search_box input {
    display: inline-block;
    border: none;
    border-right: 1px solid #f4f5f9;
    margin-left: 30px;
    outline: none;
    height: 34px;
    width: 100%;
    font-size: 14px;
    background: transparent;
    border-radius: 0;
    box-shadow: none !important;
}
.navbar-nav li .search_box .icon_search {
    width: 27px;
    margin: 0 23px;
    cursor: pointer;
}
.navbar-nav li .search_box .icon_search img {
    width: 100%;
    cursor: pointer;
}

/* 关于我们下拉（源站 about_new 全屏下拉） */
.nav_hover:hover .about_new { display: block; }
.about_new {
    position: fixed;
    top: 70px;
    left: 0 !important;
    height: auto;
    width: 100%;
    display: none;
    border-top: 1px solid #ddd;
    z-index: 100;
}
/* 与源站一致：about_box 左边缘对齐 Logo 左侧 +15px（源站由 locationNav() 动态写入，此处给默认值） */
.about_new .about_box { width: 858px; margin: 30px 0 10px 110px; display: flex; }
.about_new .about_box .about1_text { font-size: 16px; color: #333333; width: 669px; text-align: justify; }
.about_new .about_box .about_nav { color: black; font-weight: bold; width: 120px; margin-left: 50px; }
.about_new .about_box .about_nav .a_box { margin-bottom: 20px; }
.about_new .about_box .about_nav .a_box a:hover { color: #c20404; }
@media only screen and (max-width: 960px) {
    .about_new .about_box { width: 100%; display: block; margin-top: 20px; margin-left: 0; }
    .about_new .about_box .about1_text { width: 95%; margin: 0 auto; font-size: 12px; }
    .about_new .about_box .about_nav { margin: 10px 0 0 10px; width: auto; }
}

/* 加入我们弹层（源站 joinUs() 动态创建，这里预留容器样式） */

/* ---------- Banner 上方占位（navbar-fixed-top） ---------- */
.banner { margin-top: 60px; }

/* ---------- 尾部（源站 .dibu） ---------- */
.dibu {
    width: 100%;
    background: url("../images/dibu.png") center bottom no-repeat;
    background-size: cover;
    background-color: #1a2433;
    padding-top: 40px;
}

.kbge { height: 400px; }

.bott_ul { width: 100%; overflow: hidden; margin-bottom: 0; list-style: none; padding-left: 0; }
.bott_ul li {
    float: left;
    font-size: 16px;
    color: #fff;
    line-height: 16px;
    padding: 0 10px;
    border-right: 1px solid #fff;
}
.bott_ul li:last-child { border-right: none; }
.bott_ul li a { color: #fff; }

.kuai_1 { padding-bottom: 30px; }
.kuai_1 li { margin-bottom: 10px; }

.kuai_2 { padding-bottom: 20px; }
.kuai_2 .Room { line-height: 38px; }
.kuai_2 .btn.btn-default { width: 50%; }

.Room {
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    width: 100%;
    margin-top: 10px;
    float: left;
    line-height: 38px;
}

.address {
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    padding-bottom: 20px;
    border-bottom: 3px solid #c10404;
    float: left;
    margin-top: 0;
}
.address_text { line-height: 24px; }
.address_text img { width: 20px; transform: translateY(-3px); }

.iocbb { width: 100%; padding-top: 0; float: left; color: #fff; }
.iocbb span { width: 25px; margin: 6px 0; display: inline-block; }
.iocbb span img { width: 100%; }

.img_er {
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 0 20px white;
    cursor: pointer;
}
.img_er:hover { transform: scale(1.5); background-color: rgba(255, 255, 255, 1); }

.form-group span {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 30px;
    display: block;
    margin-top: 0;
}
.form-group .form-control { border-radius: 0; height: 50px; }
.kuai_2 .btn.btn-default#subemail {
    border-radius: 0;
    float: right;
    line-height: 45px;
    height: 45px;
    background: rgba(194, 4, 4, 0.5);
    color: #fff;
    padding: 0;
    border: 0;
    width: 50%;
}

.kuai_2_1 {
    color: white;
    margin-top: 100px;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
}

/* public.css 将全局 p 的 margin 重置为 0，此处按源站 bootstrap 间距恢复底部四行邮箱的行距与行高 */
.kuai_2_1 p {
    margin: 0 0 10px;
    line-height: 1.42857143;
}


.kuai_3 { padding-bottom: 60px; }
.kuai_3 .Room { padding-top: 60px; font-size: 16px; }
.kuai_3 li { font-size: 16px; }
.kuai_3 li a { color: #fff; }
.logo2 { width: 209px; padding-top: 60px; }
.logo2 img { width: 100%; }

.kuai_3 li img { width: auto; float: left; }
.kuai_3 li p { float: left; height: 20px; line-height: 20px; margin: 0 0 0 5px; }

/* ---------- 响应式（对齐源站断点） ---------- */
@media (max-width: 991px) {
    .pcnav { display: none; }
    .kbge { height: 120px; }
    .kuai_2_1 { margin-top: 40px; }
    .logo2 { width: 120px; padding-top: 20px; }
    .kuai_3 { padding-bottom: 30px; }
    .kuai_3 .Room { padding-top: 20px; font-size: 12px; }
    .kuai_3 li { font-size: 12px; }
    .kuai_2 .btn.btn-default { width: 100%; }
}

/* 折叠菜单断点交给 bootstrap.css（本项目已改为 1130px 断点，勿再用 768px 强制展开） */