/* home_00038 导入样式：保留参考站蓝色工业风皮肤和原始 class 命名；按 body.tpl-ftk2xfdc 隔离；外部资源已重写到 /static/templates/ftk2xfdc/images/。 */

.tpl-ftk2xfdc {
    color: #666;
    font-size: 14px;
    font-family: "Microsoft Yahei", sans-serif;
    background: #f5f5f5;
}

/* 全局重置：保留参考站原始 reset 行为 */
.tpl-ftk2xfdc,
.tpl-ftk2xfdc div,
.tpl-ftk2xfdc ul,
.tpl-ftk2xfdc li,
.tpl-ftk2xfdc h1,
.tpl-ftk2xfdc h3,
.tpl-ftk2xfdc h4,
.tpl-ftk2xfdc input,
.tpl-ftk2xfdc p {
    margin: 0;
    padding: 0;
}

.tpl-ftk2xfdc li {
    list-style: none;
}

.tpl-ftk2xfdc a:hover {
    color: #0162d5 !important;
    text-decoration: none;
}

.tpl-ftk2xfdc a:focus {
    outline: 0;
}

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

/* 通用容器：与参考站 1400/1200px 居中宽度对齐 */
.tpl-ftk2xfdc .content,
.tpl-ftk2xfdc .footer {
    width: 1400px;
    margin: 0 auto;
    font-family: "Microsoft Yahei", sans-serif;
}

/* 顶部信息条：保留参考站蓝色 (#0162d5) 主色 + 深蓝 (#01499d) 子色，不替换为通用蓝色 */
.tpl-ftk2xfdc .topWrap {
    font-family: "Microsoft Yahei", sans-serif;
    position: relative;
    width: 100%;
    background: #0162d5;
}

.tpl-ftk2xfdc .header {
    display: flex;
    justify-content: space-between;
    width: 1400px;
    margin: 0 auto;
    position: relative;
    padding: 15px 0;
}

.tpl-ftk2xfdc .header1 {
    width: 1200px;
}

/* 左侧公司名深蓝竖块：保留参考站皮肤 */
.tpl-ftk2xfdc .t1 {
    height: 105px;
    width: 160px;
    position: relative;
    color: #fff;
    letter-spacing: 2px;
    padding: 0 10px;
    font-size: 24px;
    background: #01499d;
    font-weight: bold;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.tpl-ftk2xfdc .t0 {
    overflow: hidden;
    margin-bottom: 6px;
}

/* 右侧标语 + h1 关键字：参考站为 h1 内嵌关键长尾 */
.tpl-ftk2xfdc .t2 {
    float: left;
    font-size: 22px;
    color: #fff;
    height: 52px;
    line-height: 52px;
}

.tpl-ftk2xfdc .t2 h1 {
    display: inline-block;
    font-size: 18px;
    max-width: 660px;
    overflow: hidden;
    vertical-align: middle;
}

/* 右侧电话：保留电话小图标和原始大字号 */
.tpl-ftk2xfdc .t3 {
    background: url("/static/templates/ftk2xfdc/images/tel-icon.png") no-repeat left center;
    padding-left: 55px;
    float: right;
}

.tpl-ftk2xfdc .t3 p {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #ffffff;
}

.tpl-ftk2xfdc .t3 p:nth-child(2) {
    font-size: 22px;
    line-height: 28px;
}

/* 导航：保留参考站深蓝背景和 6 项均分 */
.tpl-ftk2xfdc .nav {
    height: 45px;
    position: relative;
    width: 100%;
    background: #01499d;
}

.tpl-ftk2xfdc .nav ul {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.tpl-ftk2xfdc .nav li {
    height: 45px;
    line-height: 45px;
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 200px;
}

.tpl-ftk2xfdc .nav li a {
    font-size: 18px;
    color: #fff;
}

.tpl-ftk2xfdc .nav li a:hover {
    color: #fff !important;
}

.tpl-ftk2xfdc .nav .cur a {
    color: #fff;
}

.tpl-ftk2xfdc .m_nav {
    display: none;
}

/* 轮播 banner：450 高度 1920 背景图绝对居中 */
.tpl-ftk2xfdc .fullSlide {
    min-width: 1200px;
    position: relative;
    height: 450px;
    overflow: hidden;
    z-index: 2;
}

.tpl-ftk2xfdc .fullSlide .bd {
    position: relative;
    z-index: 0;
}

.tpl-ftk2xfdc .fullSlide .bd ul {
    width: 100% !important;
}

.tpl-ftk2xfdc .fullSlide .bd li {
    width: 100% !important;
    height: 450px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tpl-ftk2xfdc .fullSlide .bd li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: none;
}

.tpl-ftk2xfdc .fullSlide .hd {
    position: absolute;
    bottom: 32px;
    z-index: 99;
    left: 46%;
    width: 200px;
}

.tpl-ftk2xfdc .fullSlide .hd li {
    width: 15px;
    height: 15px;
    float: left;
    margin-right: 20px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.tpl-ftk2xfdc .fullSlide .hd li.on {
    background: #0162d5;
}

.tpl-ftk2xfdc .prev {
    position: absolute;
    left: 2%;
    top: 50%;
    cursor: pointer;
}

.tpl-ftk2xfdc .next {
    position: absolute;
    right: 2%;
    top: 50%;
    cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

.tpl-ftk2xfdc .dpspycbox .moreimglist2024 .tuijianimgbox2024 .playvideo2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    pointer-events: none;
}

.tpl-ftk2xfdc .dpspycbox .moreimglist2024 .tuijianimgbox2024 .playvideo2 img {
    position: relative !important;
    width: 50% !important;
    height: 50% !important;
    margin-left: 20%;
    margin-top: 20%;
    object-fit: contain;
    min-height: 0;
    transition: none;
}

.tpl-ftk2xfdc .dpspycbox .moreimglist2024 .cp-title2024 {
    line-height: 30px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    width: 230px;
    max-height: 60px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 视频引导文本 */
.tpl-ftk2xfdc .video_intro1 {
    width: 1200px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: bold;
    color: red;
    text-align: center;
    padding: 10px 0;
}

/* 关于我们 */
.tpl-ftk2xfdc .m3 {
    padding: 50px 0;
    background: #f5f5f5;
    overflow: hidden;
    position: relative;
}

.tpl-ftk2xfdc .m3top {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
}

.tpl-ftk2xfdc .m31 {
    width: 800px;
    float: left;
    margin-right: 50px;
    max-height: 400px;
    overflow: hidden;
    text-indent: 32px;
    line-height: 1.8;
    margin-bottom: 20px;
    font-size: 16px;
}

.tpl-ftk2xfdc .m31 .en {
    font-size: 36px;
    line-height: 1;
    color: #002a48;
    opacity: 0.2;
    margin-bottom: 10px;
    font-weight: bold;
}

.tpl-ftk2xfdc .m31 .cn {
    color: #0162d5;
    font-size: 32px;
    line-height: 1;
    font-weight: bold;
    text-indent: 0;
}

.tpl-ftk2xfdc .m31 .cn:after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    margin: 20px 0;
    background: #0162d5;
}

.tpl-ftk2xfdc .m31 p {
    text-indent: 32px;
    line-height: 1.8;
    margin-bottom: 20px;
    font-size: 16px;
}

.tpl-ftk2xfdc .m32 {
    width: 550px;
    float: left;
    overflow: hidden;
    position: relative;
    z-index: 10;
    height: 390px;
    background: #ddd center center no-repeat;
    background-size: cover;
}

/* 栏目标题：保留中英双行 + 标题底图 */
.tpl-ftk2xfdc .titl {
    margin-bottom: 30px;
    text-align: center;
}

.tpl-ftk2xfdc .titl .zh {
    font-size: 36px;
    font-weight: bold;
    margin-right: 10px;
    color: #0162d5;
    display: inline-block;
}

.tpl-ftk2xfdc .titl .en {
    font-size: 18px;
    color: #666;
    text-transform: uppercase;
    background: url("/static/templates/ftk2xfdc/images/title-decor.png") no-repeat center center;
    display: inline-block;
}

/* 产品中心 + 客户案例：相同壳 */
.tpl-ftk2xfdc .c1 {
    padding: 50px;
    overflow: hidden;
    background: #fff;
}

.tpl-ftk2xfdc .c2 {
    position: relative;
    overflow: hidden;
}

.tpl-ftk2xfdc .c2 ul {
    padding-bottom: 30px !important;
    overflow: hidden;
}

.tpl-ftk2xfdc .c2 li {
    float: left;
    width: 25%;
    position: relative;
    margin-right: 20px;
    box-shadow: 0 0 10px #999;
    background: #fff;
}

.tpl-ftk2xfdc .c2 li .img {
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
}

.tpl-ftk2xfdc .c2 li .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    display: block;
    transition: all .5s;
    object-fit: cover;
}

.tpl-ftk2xfdc .c2 li:hover .img img {
    transform: scale(1.1);
}

.tpl-ftk2xfdc .c2 li h3 {
    line-height: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px;
    text-align: center;
    font-size: 16px;
}

.tpl-ftk2xfdc .c2 li .limore {
    background: #0162d5;
    color: #fff;
    margin: 5px auto 25px;
    width: 100px;
    text-align: center;
    height: 35px;
    line-height: 35px;
}

.tpl-ftk2xfdc .c2 li .limore a {
    color: #fff;
}

/* 优势区块：背景图 + 左标题 + 右 4 编号 */
.tpl-ftk2xfdc .y1 {
    background: url("/static/templates/ftk2xfdc/images/advantage-bg.jpg") center no-repeat;
    padding: 60px 0;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    background-size: 100% 100%;
}

.tpl-ftk2xfdc .y1 .titl .zh {
    color: #fff;
}

.tpl-ftk2xfdc .y1 .content {
    position: relative;
    z-index: 2;
}

.tpl-ftk2xfdc #y2 {
    width: 513px;
    height: 630px;
    background: url("/static/templates/ftk2xfdc/images/advantage-card-bg.png") left no-repeat;
    float: left;
    color: #fff;
    position: relative;
    z-index: 2;
}

.tpl-ftk2xfdc .youshi_c {
    width: 340px;
    padding-top: 90px;
    padding-left: 35px;
    float: left;
}

.tpl-ftk2xfdc .youshi_h1 {
    font-size: 34px;
    font-weight: bold;
    line-height: 42px;
    height: 42px;
    overflow: hidden;
}

.tpl-ftk2xfdc .youshi_h2 {
    font-size: 28px;
    line-height: 42px;
    font-family: Century Gothic;
}

.tpl-ftk2xfdc .youshi_h3 {
    width: 320px;
    height: 44px;
    border: 1px solid #c8e8f9;
    line-height: 44px;
    text-align: center;
    margin-top: 50px;
    font-size: 18px;
}

.tpl-ftk2xfdc .youshi_h4 {
    width: 84px;
    margin-right: 28px;
    float: left;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    margin-top: 55px;
}

.tpl-ftk2xfdc .youshi_h4 .v1 {
    width: 82px;
    height: 60px;
    padding-top: 22px;
    border: 1px solid #fff;
    border-radius: 5px;
}

.tpl-ftk2xfdc .youshi_h4 .v1 img {
    display: inline-block;
    max-width: 60%;
    max-height: 60%;
}

.tpl-ftk2xfdc .youshi_ted {
    width: 290px;
    height: 22px;
    line-height: 22px;
    background: url("/static/templates/ftk2xfdc/images/advantage-tel.png") left no-repeat;
    float: left;
    font-size: 16px;
    padding-left: 35px;
    margin-top: 55px;
}

.tpl-ftk2xfdc .youshi_ted span {
    display: block;
}

.tpl-ftk2xfdc .youshi_ted strong {
    font-size: 28px;
    color: #ff0;
    margin-top: 10px;
    display: block;
}

.tpl-ftk2xfdc #y3 {
    width: 950px;
    height: 565px;
    background: rgba(1, 73, 157, 0.85);
    margin-top: -595px;
    float: right;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.tpl-ftk2xfdc .youshi_p {
    width: 410px;
    float: left;
    padding-top: 35px;
    padding-bottom: 10px;
    padding-left: 45px;
}

.tpl-ftk2xfdc .youshi_v1 {
    font-size: 46px;
    line-height: 46px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
}

.tpl-ftk2xfdc .youshi_v2 {
    line-height: 50px;
    font-size: 26px;
    padding-bottom: 5px;
    color: #fff;
    height: 50px;
    overflow: hidden;
}

.tpl-ftk2xfdc .youshi_v3 {
    width: 55px;
    height: 2px;
    background: #fff;
}

.tpl-ftk2xfdc .youshi_v4 {
    padding-top: 25px;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
}

/* 新闻 */
.tpl-ftk2xfdc .n1 {
    background: #f5f5f5;
    padding: 40px 0;
    box-sizing: border-box;
    overflow: hidden;
}

.tpl-ftk2xfdc .n2 {
    width: 100%;
}

.tpl-ftk2xfdc .n1 ul {
    overflow: hidden;
}

.tpl-ftk2xfdc .n1 ul li {
    border-bottom: 1px dashed #eee;
    padding: 12px 0;
}

.tpl-ftk2xfdc .n1 ul li a {
    color: #333;
}

/* 友情链接 */
.tpl-ftk2xfdc .linkbox {
    background: #fff;
    padding: 15px;
    width: 1370px;
    line-height: 26px;
    margin: 50px auto;
}

.tpl-ftk2xfdc .linkbox a {
    margin-right: 10px;
    display: inline-block;
}

.tpl-ftk2xfdc .linkbox h4 {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
}

/* 底栏 */
.tpl-ftk2xfdc .footWrap {
    background: #33383c;
    overflow: hidden;
    font-family: "Microsoft Yahei", sans-serif;
    padding: 30px 0;
    position: relative;
    z-index: 1;
}

.tpl-ftk2xfdc .footer {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    line-height: 25px;
    text-align: center;
    color: #fff;
}

.tpl-ftk2xfdc .footer a {
    color: #fff;
}

.tpl-ftk2xfdc .footer p {
    max-width: 1200px;
    margin: 0 auto;
}

/* 高亮文字色：保留参考站对业务词和联系人的强调色 */
.tpl-ftk2xfdc .dpsbm {
    color: #09C;
    font-weight: bold;
    font-size: 20px !important;
}

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

.tpl-ftk2xfdc .dpsbm8 {
    color: #e94744;
    font-weight: bold;
    font-size: 20px !important;
}

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

.tpl-ftk2xfdc .dptygjc8 {
    color: #3897f0;
    text-decoration: underline;
    font-weight: bold;
    font-size: 20px !important;
}

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

/* 通用按钮 hover：参考站蓝色高亮 */
.tpl-ftk2xfdc .index-more:hover {
    background: #0162d5;
}

.tpl-ftk2xfdc .index-more:hover a {
    color: #fff;
}