/* f9u4bosp：home_00013 蓝色传统区域站首页快速导入，所有规则限定在 .tpl-f9u4bosp 下。
   CSS 来自参考站 5 个 stylesheet 全部合并清洗：
   - stylesheet_0.css (zhuce 浮层样式) 客服/注册浮层：整段剥离（right_info/zhuce2023/linkus）
   - stylesheet_1.css (style_video.css) 视频滚动条：保留装饰部分
   - stylesheet_2.css (ypmshopzsy8.css) reset + 移动端：保留基础 reset
   - stylesheet_3.css (font.css) .sjys16 字体颜色：保留
   - stylesheet_4.css (style.css) 主样式：保留并按需调整
   url(...) 装饰图改写为 /static/templates/f9u4bosp/images/...
*/

.tpl-f9u4bosp {
    color: #5e5e5e;
    font-size: 13px;
    font-family: "Microsoft Yahei", Arial, sans-serif;
    line-height: 24px;
    background: #fff;
    width: 100%;
}

.tpl-f9u4bosp a {
    color: #333;
    text-decoration: none;
}

.tpl-f9u4bosp a:hover {
    text-decoration: none;
    color: #2766b5;
}

.tpl-f9u4bosp img {
    border: none;
    max-width: 100%;
}

.tpl-f9u4bosp h1,
.tpl-f9u4bosp h2,
.tpl-f9u4bosp h3,
.tpl-f9u4bosp h4,
.tpl-f9u4bosp h5,
.tpl-f9u4bosp p,
.tpl-f9u4bosp dl,
.tpl-f9u4bosp dt,
.tpl-f9u4bosp dd,
.tpl-f9u4bosp ul,
.tpl-f9u4bosp li,
.tpl-f9u4bosp input {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.tpl-f9u4bosp ul,
.tpl-f9u4bosp li {
    list-style: none;
}

.tpl-f9u4bosp .clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.tpl-f9u4bosp .content,
.tpl-f9u4bosp .footer {
    width: 1200px;
    margin: 0 auto;
    font-family: "Microsoft Yahei";
}

/* 顶部 logo 区 */
.tpl-f9u4bosp .top-box1 {
    height: 100px;
    overflow: hidden;
    width: 1050px;
    margin: 0 auto;
}

.tpl-f9u4bosp .top-box1-logo {
    height: 80px;
    margin-top: 10px;
    overflow: hidden;
}

.tpl-f9u4bosp .top-box1-logo img {
    max-height: 80px;
    max-width: 100%;
}

.tpl-f9u4bosp .top-box1-logo .logo1 {
    max-width: 80%;
}

/* 导航：全宽蓝条 + 居中 6 项 */
.tpl-f9u4bosp .nav {
    width: 100%;
    height: 58px;
    background-image: url("/static/templates/f9u4bosp/images/nav-bg.jpg");
    background-repeat: repeat-x;
}

.tpl-f9u4bosp .cen,
.tpl-f9u4bosp .dh {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.tpl-f9u4bosp .dh li {
    width: 150px;
    height: 56px;
    float: left;
    text-align: center;
    color: #fff;
    background: url("/static/templates/f9u4bosp/images/nav-line.jpg") right no-repeat;
    margin-left: 40px;
}

.tpl-f9u4bosp .dh li a {
    color: #fff;
    display: block;
    line-height: 20px;
    padding: 11px 0;
    font-size: 15px;
    font-weight: bold;
}

.tpl-f9u4bosp .dh li a p {
    line-height: 14px;
    font-size: 13px;
    font-weight: normal;
}

.tpl-f9u4bosp .dh li a:hover {
    background: #2766b5;
    color: #fff;
}

.tpl-f9u4bosp .dh li.cur a {
    background: #2766b5;
    color: #fff;
}

/* 横幅 index_brand：450px 居中轮播 */
.tpl-f9u4bosp .index_brand {
    height: 450px;
    margin: auto;
    position: relative;
    z-index: 30;
}

.tpl-f9u4bosp .banner {
    width: 100%;
    height: 450px;
    position: relative;
}

.tpl-f9u4bosp .banner ul {
    width: 100%;
    height: 450px;
    position: relative;
}

.tpl-f9u4bosp .banner li {
    width: 100%;
    height: 450px;
    overflow: hidden;
}

.tpl-f9u4bosp .banner li a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.tpl-f9u4bosp .banner li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: none;
}

.tpl-f9u4bosp .banner .number {
    height: 10px;
    position: absolute;
    left: 15%;
    bottom: 20px;
}

.tpl-f9u4bosp .banner .number span {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #fff;
    cursor: pointer;
    margin-left: 10px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.tpl-f9u4bosp .banner .number span.on {
    background: #0f3797;
}

/* 视频 dpspbox：左大视频 + 右 6 缩略图 */
.tpl-f9u4bosp .dpspbox {
    margin: 15px auto;
    overflow: hidden;
    width: 1200px;
    background: #fff;
    z-index: 9999 !important;
}

.tpl-f9u4bosp .dpspcpimgvideo {
    position: relative;
    width: 850px;
    float: left;
}

.tpl-f9u4bosp .dpspcpimgvideo .videobox2024 {
    max-height: 600px;
    position: relative;
    overflow: hidden;
    justify-content: center;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    background: #000;
}

.tpl-f9u4bosp .dpspcpimgvideo .videobox2024 img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    border-radius: 15px;
}

.tpl-f9u4bosp .dpspcpimgvideo .playvideo2024 {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    z-index: 10;
    margin-top: -35px;
    cursor: pointer;
}

.tpl-f9u4bosp .dpspcpimgvideo .playvideo2024 img {
    width: 70px;
    height: 70px;
}

.tpl-f9u4bosp .dpspycbox {
    width: 330px;
    float: right;
    color: #fff;
}

.tpl-f9u4bosp .dpspycbox .moreimglist2024 {
    margin-top: 0;
}

.tpl-f9u4bosp .dpspycbox .moreimglist2024 li {
    margin-bottom: 10px;
    height: 80px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    color: #333;
}

.tpl-f9u4bosp .dpspycbox .moreimglist2024 .tuijianimgbox2024 {
    width: 80px;
    height: 80px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
}

.tpl-f9u4bosp .dpspycbox .moreimglist2024 .tuijianimgbox2024 img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    display: block;
    transition: all 0.5s;
    object-fit: cover;
}

.tpl-f9u4bosp .dpspycbox .moreimglist2024 .tuijianimgbox2024 .playvideo2 img {
    position: relative !important;
    width: 50% !important;
    height: 50% !important;
    margin-left: 20%;
    margin-top: 20%;
}

.tpl-f9u4bosp .dpspycbox .moreimglist2024 .cp-title2024 {
    line-height: 30px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    width: 230px;
    max-height: 60px;
}

/* 视频介绍文案 */
.tpl-f9u4bosp .video_intro1 {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 18px;
    font-weight: bold;
    color: #c00;
    text-align: center;
}

/* 产品区 pro：纹理背景 + proRight 白底 */
.tpl-f9u4bosp .pro {
    overflow: hidden;
    width: 100%;
    background: url("/static/templates/f9u4bosp/images/pro-bg.jpg") repeat center;
    padding-bottom: 20px;
    padding-top: 20px;
}

.tpl-f9u4bosp .wcpxw1200 {
    width: 1100px;
    margin: 0 auto;
}

.tpl-f9u4bosp .proRight {
    overflow: hidden;
    width: 1100px;
    background-color: #fff;
    margin: auto;
}

.tpl-f9u4bosp .proRight .title {
    overflow: hidden;
    width: 1080px;
    margin: 0 auto;
    height: 44px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    line-height: 44px;
    background: url("/static/templates/f9u4bosp/images/pro-title.png") no-repeat center left;
    margin-left: 10px;
}

.tpl-f9u4bosp .proRight .title h4 {
    font-size: 18px;
    font-weight: normal;
    float: left;
    margin-left: 20px;
}

.tpl-f9u4bosp .proRight .title h4 a {
    color: #000;
}

.tpl-f9u4bosp .proRight .title .more {
    float: right;
    font-size: 13px;
    color: #666;
}

.tpl-f9u4bosp .proRight ul {
    overflow: hidden;
    width: 1100px;
    margin: auto;
}

.tpl-f9u4bosp .proRight li {
    float: left;
    width: 215px;
    height: 292px;
    background-color: #fff;
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left: 4px;
}

.tpl-f9u4bosp .proRight li img {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    width: 215px;
    height: 220px;
    object-fit: cover;
}

.tpl-f9u4bosp .proRight li a {
    display: block;
    text-decoration: none;
}

.tpl-f9u4bosp .proRight li span {
    display: block;
    width: 205px;
    height: 50px;
    margin-top: 10px;
    border: 1px solid #efefef;
    text-align: center;
    line-height: 50px;
    font-size: 13px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 5px;
}

.tpl-f9u4bosp .proRight li:hover span {
    color: #fff;
    background-color: #0f3797;
}

/* 关于 about */
.tpl-f9u4bosp .about {
    overflow: hidden;
    width: 100%;
    padding: 15px 0;
    height: 470px;
}

.tpl-f9u4bosp .wgywoa1200 {
    width: 1100px;
    margin: 0 auto;
}

.tpl-f9u4bosp .about .about_title {
    background: url("/static/templates/f9u4bosp/images/about-title.png") no-repeat center;
    width: 613px;
    height: 59px;
    margin: 0 auto;
}

.tpl-f9u4bosp .about .about_cont {
    margin: 20px 0;
    width: 100%;
}

.tpl-f9u4bosp .about .about_cont .about_cont_img {
    float: left;
    width: 300px;
    margin-right: 50px;
}

.tpl-f9u4bosp .about_cont_img img {
    width: 250px;
}

.tpl-f9u4bosp .about .about_cont_details {
    float: right;
    width: 650px;
    line-height: 30px;
    font-size: 14px;
}

.tpl-f9u4bosp .about .about_cont_details .about_cont_title {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    color: #0f3797;
}

.tpl-f9u4bosp .about .about_cont_details .about_menu {
    margin-top: 20px;
}

.tpl-f9u4bosp .about .about_cont_details .about_menu a {
    background: #0f3797;
    width: 100px;
    height: 45px;
    border-radius: 8px;
    line-height: 45px;
    text-align: center;
    margin-right: 20px;
    display: block;
    float: left;
    color: #fff;
}

.tpl-f9u4bosp .dpsbm {
    color: #09c;
    font-weight: bold;
    font-size: 20px !important;
}

.tpl-f9u4bosp .tylxr,
.tpl-f9u4bosp .tydz {
    color: #f00;
    font-weight: bold;
    font-size: 20px !important;
}

.tpl-f9u4bosp .dptygjc {
    color: #b2b200;
    font-weight: bold;
    font-size: 20px !important;
}

.tpl-f9u4bosp .icomoonsz222 {
    letter-spacing: 1px !important;
}

/* 案例 case：横向滚动 */
.tpl-f9u4bosp .case {
    overflow: hidden;
    width: 100%;
    padding: 30px 0;
    background: url("/static/templates/f9u4bosp/images/pro-bg.jpg") repeat center;
}

.tpl-f9u4bosp .w1200 {
    width: 1200px;
    margin: 0 auto;
}

.tpl-f9u4bosp .case .case_title {
    background: url("/static/templates/f9u4bosp/images/case-title.png") no-repeat center;
    width: 613px;
    height: 59px;
    margin: 0 auto;
}

.tpl-f9u4bosp .case .about_menu {
    width: 120px;
    margin: 0 auto;
}

.tpl-f9u4bosp .case .about_menu a {
    background: #0f3797;
    width: 120px;
    height: 30px;
    border-radius: 8px;
    line-height: 30px;
    text-align: center;
    margin-right: 20px;
    display: block;
    float: left;
    color: #fff;
}

.tpl-f9u4bosp .scrollbox {
    width: 1100px;
    height: 236px;
    overflow: hidden;
    margin: 5px auto;
    clear: both;
}

.tpl-f9u4bosp .scrollbox ul {
    width: 110%;
}

.tpl-f9u4bosp .scrollbox ul li {
    width: 288px;
    height: 236px;
    float: left;
    overflow: hidden;
}

.tpl-f9u4bosp .scrollbox ul li .con {
    width: 240px;
    height: 236px;
    overflow: hidden;
    margin: 0 auto;
}

.tpl-f9u4bosp .scrollbox ul li .con .pic {
    width: 240px;
    height: 198px;
    overflow: hidden;
    background: #d6d4d5;
}

.tpl-f9u4bosp .scrollbox ul li .con .pic img {
    width: 240px;
    height: 198px;
    object-fit: cover;
}

.tpl-f9u4bosp .scrollbox ul li .con .txt {
    height: 30px;
    background: #fff;
    line-height: 30px;
    font-size: 14px;
    padding: 0 10px;
    text-align: center;
}

.tpl-f9u4bosp .scrollbox ul li .con .y {
    height: 8px;
    clear: both;
    overflow: hidden;
}

/* 新闻 news：双列布局 */
.tpl-f9u4bosp .news {
    overflow: hidden;
    width: 100%;
    padding-top: 15px;
}

.tpl-f9u4bosp .wsyxwzxlx00 {
    width: 1100px;
    margin: 0 auto;
}

.tpl-f9u4bosp .news .news_left {
    width: 680px;
    float: left;
}

.tpl-f9u4bosp .tit1 {
    width: 680px;
    height: 40px;
    border-bottom: 1px solid #dedede;
}

.tpl-f9u4bosp .tit1 .bt {
    float: left;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #3d64d8;
}

.tpl-f9u4bosp .tit1 .more {
    float: right;
    width: 49px;
    height: 13px;
    margin-top: 13px;
}

.tpl-f9u4bosp .news .news_list {
    float: left;
    background: url("/static/templates/f9u4bosp/images/shu.jpg") right no-repeat;
    width: 680px;
    height: 400px;
    overflow: hidden;
}

.tpl-f9u4bosp .news .news_list ul {
    width: 680px;
    margin-top: 15px;
}

.tpl-f9u4bosp .news .news_list ul li {
    background-color: #efefef;
    height: 40px;
    line-height: 40px;
    margin-bottom: 13px;
    border: 1px dashed #ccc;
    color: #333;
    font-weight: normal;
    text-decoration: none;
    padding-left: 20px;
    width: 640px;
    float: left;
    margin-right: 18px;
}

.tpl-f9u4bosp .tit2 {
    width: 380px;
    height: 40px;
    border-bottom: 1px solid #dedede;
}

.tpl-f9u4bosp .tit2 .bt {
    float: left;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #3d64d8;
}

.tpl-f9u4bosp .tit2 .more {
    float: right;
    width: 49px;
    height: 13px;
    margin-top: 13px;
}

.tpl-f9u4bosp .news .question {
    width: 380px;
    float: right;
}

.tpl-f9u4bosp .wtjdCont {
    margin-top: 1px;
    height: 410px;
    overflow: hidden;
}

.tpl-f9u4bosp .lxfl {
    margin-top: 13px;
}

.tpl-f9u4bosp .lxfl ul li {
    background-color: #efefef;
    height: 40px;
    line-height: 40px;
    margin-bottom: 13px;
    border: 1px dashed #ccc;
    color: #333;
    font-weight: normal;
    text-decoration: none;
    padding-left: 30px;
}

.tpl-f9u4bosp .lxfl ul .lxnar {
    text-align: center;
    background-color: #efefef;
    height: 40px;
    line-height: 40px;
    margin-bottom: 13px;
    border: 1px dashed #ccc;
    color: #333;
    font-weight: normal;
    text-decoration: none;
    padding-left: 30px;
}

/* 友情链接 ljys */
.tpl-f9u4bosp .ljys {
    overflow: hidden;
    width: 100%;
    padding: 15px 0;
}

.tpl-f9u4bosp .mainyq {
    width: 1200px;
    margin: auto;
    padding: 0;
}

.tpl-f9u4bosp .tab {
    width: 1200px;
    margin: auto;
    padding: 0;
}

.tpl-f9u4bosp .tab .tabspan {
    float: left;
    background: #dcdcdc;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    line-height: 24px;
    padding: 0 10px;
}

.tpl-f9u4bosp .tab-hd {
    padding: 0;
    margin: 0;
    height: 24px;
}

.tpl-f9u4bosp .tab-bd {
    padding: 0;
    margin: 2px;
}

.tpl-f9u4bosp .tab-bd a {
    display: inline-block;
    margin: 2px;
    color: #060606;
}

.tpl-f9u4bosp .tab-bd a:hover {
    color: #0f3797;
}

/* 页脚 foot */
.tpl-f9u4bosp .foot {
    margin: 0 0 10px 0;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    background: #333;
    line-height: 28px;
    color: #fff;
    min-width: 300px;
}

.tpl-f9u4bosp .foot p {
    margin: 0;
    padding: 0;
}

.tpl-f9u4bosp .sjys16 {
    color: #ff7d40;
    font-weight: bold;
}

/* 内容容器宽度统一 */
.tpl-f9u4bosp .tpl-f9u4bosp-page-header {
    background: #0f3797;
    color: #fff;
    padding: 20px 0;
}

.tpl-f9u4bosp .tpl-f9u4bosp-page-header h1 {
    font-size: 24px;
    margin-bottom: 10px;
}