/* 仅首页 home_00054 模板 site.css
 * 来源：/Users/zengli/Documents/code/geo/site/仅首页/home_00054/stylesheet_3.css + stylesheet_2.css
 * 已清洗：删除 stylesheet_0.css（注册/客服/统计）、stylesheet_1.css（远程字体颜色）、
 *        删除 right_info / linkus / huaermapbox / contactbox2023 / yqbody2024 等悬浮客服/注册区块样式、
 *        删除 mobile-footer 浮动注册样式、把 url(images/1.png) 改到 images/index-title-bg.png、
 *        把 url(images/0.png) 改到 images/menu-bg.png。
 * CSS 隔离策略：所有选择器使用 body.tpl-dsxdky8f 前缀，避免与其他模板互相污染。
 */

/* 公共 reset + 容器 */
body.tpl-dsxdky8f{color:#666;font-size:14px;width:100%;font-family:"Microsoft Yahei";background:#fff}
body.tpl-dsxdky8f div,body.tpl-dsxdky8f dl,body.tpl-dsxdky8f dt,body.tpl-dsxdky8f dd,body.tpl-dsxdky8f ul,body.tpl-dsxdky8f li,body.tpl-dsxdky8f h2,body.tpl-dsxdky8f h4,body.tpl-dsxdky8f input,body.tpl-dsxdky8f p{margin:0;padding:0}
body.tpl-dsxdky8f img{border:0}
body.tpl-dsxdky8f em{font-style:inherit}
body.tpl-dsxdky8f li{list-style:none}
body.tpl-dsxdky8f q:before,body.tpl-dsxdky8f q:after{content:""}
body.tpl-dsxdky8f sub{vertical-align:baseline}
body.tpl-dsxdky8f input{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;vertical-align:middle}
body.tpl-dsxdky8f h4{font-size:14px}
body.tpl-dsxdky8f a{text-decoration:none;color:#333}
body.tpl-dsxdky8f a:hover{text-decoration:none}
body.tpl-dsxdky8f a:focus{outline:0}
body.tpl-dsxdky8f .clear{clear:both;height:0;line-height:0;font-size:0}
body.tpl-dsxdky8f p{word-spacing:-1.5px}
body.tpl-dsxdky8f .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
body.tpl-dsxdky8f .content,body.tpl-dsxdky8f .footer{width:1200px;margin:0 auto;font-family:"Microsoft Yahei"}

/* 头部 topWrap + header + logobox + nav + m_nav */
body.tpl-dsxdky8f .topWrap{height:80px;font-family:"Microsoft Yahei";position:relative;width:100%;background:#fff;padding-top:20px}
body.tpl-dsxdky8f .header{margin:0 auto;position:relative;width:1200px}
body.tpl-dsxdky8f .logobox{height:60px;overflow:hidden;float:left}
body.tpl-dsxdky8f .logobox .logo{max-width:300px;height:60px;float:left;overflow:hidden}
body.tpl-dsxdky8f .logobox .logo img{height:60px}
body.tpl-dsxdky8f .nav{height:45px;float:right;margin-top:10px}
body.tpl-dsxdky8f .nav ul{float:right;overflow:hidden}
body.tpl-dsxdky8f .nav li{float:left;height:45px;line-height:45px;text-align:center;max-width:145px}
body.tpl-dsxdky8f .nav li a{font-size:18px;color:#333;display:inline-block;padding:0 10px;font-weight:600}
body.tpl-dsxdky8f .nav .cur a{color:#3453C6}
body.tpl-dsxdky8f .nav li:hover a{color:#fff;background:#3453C6;font-weight:bold}
body.tpl-dsxdky8f .m_nav{position:absolute;top:10px;width:40px;height:40px;background:url(/static/templates/dsxdky8f/images/menu-bg.png) no-repeat center center #3453C6;background-size:25px auto;right:5px}

/* 焦点 fullSlide */
body.tpl-dsxdky8f .fullSlide{min-width:1200px;position:relative;height:450px;overflow:hidden;z-index:2}
body.tpl-dsxdky8f .fullSlide .bd{position:relative;z-index:0}
body.tpl-dsxdky8f .fullSlide .bd ul{width:100%!important}
body.tpl-dsxdky8f .fullSlide .bd li{width:100%!important;height:450px;overflow:hidden;text-align:center;position:relative}
body.tpl-dsxdky8f .fullSlide .bd li img{width:100%;height:450px;object-fit:cover;display:block}
body.tpl-dsxdky8f .fullSlide .hd{position:absolute;bottom:32px;z-index:99;left:46%;width:200px}
body.tpl-dsxdky8f .fullSlide .hd li{width:15px;height:15px;float:left;margin-right:20px;background:#fff;border-radius:50%}
body.tpl-dsxdky8f .fullSlide .hd li.on{background:#3453C6}
body.tpl-dsxdky8f .prev,body.tpl-dsxdky8f .next{position:absolute;top:50%;cursor:pointer}
body.tpl-dsxdky8f .prev{left:2%}
body.tpl-dsxdky8f .next{right:2%}

/* 产品视频 dpspbox + dpspcpimgvideo + videobox2024 + dpspycbox + moreimglist2024 */
body.tpl-dsxdky8f .dpspbox{padding:40px 0;overflow:hidden;box-sizing:border-box;background:#fff;width:1200px;margin:0 auto}
body.tpl-dsxdky8f .dpspcpimgvideo{width:580px;float:left;height:380px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
body.tpl-dsxdky8f .dpspcpimgvideo .videobox2024{width:100%;height:380px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:#000}
body.tpl-dsxdky8f .dpspcpimgvideo .videobox2024 img{width:100%;display:block}
body.tpl-dsxdky8f .dpspcpimgvideo .playvideo2024{position:absolute;left:50%;top:50%;width:80px;height:80px;margin:-40px 0 0 -40px;cursor:pointer;display:flex;align-items:center;justify-content:center}
body.tpl-dsxdky8f .dpspcpimgvideo .playvideo2024 img{width:100%;height:auto}
body.tpl-dsxdky8f .dpspycbox{width:600px;float:right;height:380px;overflow:hidden}
body.tpl-dsxdky8f .dpspycbox .moreimglist2024{display:flex;justify-content:space-between;flex-wrap:wrap;height:380px}
body.tpl-dsxdky8f .dpspycbox .moreimglist2024 li{width:32%;margin-bottom:8px;background:#f5f5f5;box-sizing:border-box;overflow:hidden}
body.tpl-dsxdky8f .dpspycbox .moreimglist2024 li .tuijianimgbox2024{position:relative;width:100%;height:120px;overflow:hidden;background:#000}
body.tpl-dsxdky8f .dpspycbox .moreimglist2024 li .tuijianimgbox2024 img{width:100%;height:100%;object-fit:cover;display:block}
body.tpl-dsxdky8f .dpspycbox .moreimglist2024 li .playvideo2{position:absolute;left:50%;top:50%;width:32px;height:32px;margin:-16px 0 0 -16px;cursor:pointer}
body.tpl-dsxdky8f .dpspycbox .moreimglist2024 li .playvideo2 img{width:100%;height:auto}
body.tpl-dsxdky8f .dpspycbox .moreimglist2024 li .cp-title2024{padding:6px 4px;font-size:12px;line-height:18px;height:54px;overflow:hidden;color:#666}

/* 视频介绍 video_intro1 */
body.tpl-dsxdky8f .video_intro1{text-align:center;font-size:18px;color:#666;line-height:30px;padding:30px 0;background:#f0f0f0;margin-bottom:30px}

/* 关于 aboutbox */
body.tpl-dsxdky8f .aboutbox{padding:30px 0;overflow:hidden}
body.tpl-dsxdky8f .aboutbox .content{display:flex;justify-content:space-between;width:1200px;margin:0 auto}
body.tpl-dsxdky8f .aboutbox .about-wenzi{width:730px;padding-bottom:20px}
body.tpl-dsxdky8f .aboutbox .about-wenzi h2{font-size:32px;height:60px;line-height:60px;color:#333}
body.tpl-dsxdky8f .aboutbox .about-wenzi .about-name{font-size:20px;height:60px;line-height:60px;color:#333}
body.tpl-dsxdky8f .aboutbox .about-wenzi .about-cont{line-height:28px;text-align:justify;height:170px;overflow:hidden;color:#666}
body.tpl-dsxdky8f .aboutbox .about-wenzi .index-more{margin:30px 0 0 0!important}
body.tpl-dsxdky8f .aboutbox .about-img{width:450px;overflow:hidden;height:380px}
body.tpl-dsxdky8f .aboutbox .about-img img{width:100%;height:100%;object-fit:cover;display:block}

/* 优势 youshibox */
body.tpl-dsxdky8f .youshibox{margin:15px auto 30px auto;width:1200px;border:1px solid #EAEAEA;padding:30px 0;overflow:hidden;box-sizing:border-box}
body.tpl-dsxdky8f .youshibox ul{display:flex;justify-content:space-between}
body.tpl-dsxdky8f .youshibox li{width:20%;text-align:center;border-right:1px solid #EAEAEA;box-sizing:border-box;float:left}
body.tpl-dsxdky8f .youshibox li .item-dd{font-size:46px;line-height:48px;color:#3453C6;font-weight:bold}
body.tpl-dsxdky8f .youshibox li .item-dd sub{font-size:16px;line-height:18px;color:#3453C6;bottom:0;margin-left:5px}
body.tpl-dsxdky8f .youshibox li .item-dt{font-size:18px;line-height:20px;margin-top:16px;color:#666}

/* 通用栏目标题 */
body.tpl-dsxdky8f .index-title-box{text-align:center;height:88px;padding-bottom:20px}
body.tpl-dsxdky8f .index-title-box h2{width:348px;margin:0 auto;font-size:32px;color:#999;background:url(/static/templates/dsxdky8f/images/index-title-bg.png) no-repeat left center}
body.tpl-dsxdky8f .index-title-box p{margin-top:20px;font-size:18px;line-height:20px;color:#97989E}
body.tpl-dsxdky8f .index-more{width:210px;height:40px;line-height:40px;text-align:center;color:#3453c6;border:1px solid #3453c6;margin:30px auto;display:block}
body.tpl-dsxdky8f .index-more:hover{background:#3453c6;color:#fff}
body.tpl-dsxdky8f .index-more a{color:inherit;display:block}
body.tpl-dsxdky8f .index-more:hover a{color:#fff}

/* 产品 pro_bj */
body.tpl-dsxdky8f .pro_bj{padding-top:40px;overflow:hidden;box-sizing:border-box;background:#f0f0f0}
body.tpl-dsxdky8f .pro_bj .pro{padding-bottom:40px}
body.tpl-dsxdky8f .pro_nr{margin-bottom:36px;position:relative}
body.tpl-dsxdky8f .pro_nr .pro-class a:hover{background:#3453c6;color:#fff}
body.tpl-dsxdky8f .pro_nr ul{display:flex;justify-content:space-between;flex-wrap:wrap}
body.tpl-dsxdky8f .pro_nr ul li{width:24%;background:#fff;height:300px;margin-bottom:20px;box-sizing:border-box;overflow:hidden;text-align:center}
body.tpl-dsxdky8f .pro_nr ul li img{width:100%;height:240px;object-fit:cover;display:block;transition:all 0.5s}
body.tpl-dsxdky8f .pro_nr ul li:hover img{transform:scale(1.1)}
body.tpl-dsxdky8f .pro_nr ul li:hover{box-shadow:0 5px 10px rgba(32,33,38,0.1)}
body.tpl-dsxdky8f .pro_nr ul li span{display:block;line-height:60px;background:#fff;color:#333}

/* 案例 al_bj + almask + anl */
body.tpl-dsxdky8f .al_bj{box-sizing:border-box;overflow-x:hidden;overflow-y:hidden;padding:40px 0;background:#fff}
body.tpl-dsxdky8f .almask{width:100%}
body.tpl-dsxdky8f .al_bj .anl{padding:0}
body.tpl-dsxdky8f .anl h2{color:#999}
body.tpl-dsxdky8f .anl ul{display:flex;justify-content:space-between;flex-wrap:wrap}
body.tpl-dsxdky8f .anl ul li{background:#fff;width:24%;height:355px;margin-bottom:20px;text-align:center;box-sizing:border-box;overflow:hidden}
body.tpl-dsxdky8f .anl ul li .imgbox{width:100%;height:310px;display:flex;align-items:center;justify-content:center;overflow:hidden}
body.tpl-dsxdky8f .anl ul li .imgbox img{width:100%;transition:all 0.5s}
body.tpl-dsxdky8f .anl ul li span{padding:0 10px;line-height:45px;height:45px;background:#f0f0f0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.tpl-dsxdky8f .anl ul li:hover img{transform:scale(1.1)}

/* 新闻 ns_bj + ns_n + dongt + went */
body.tpl-dsxdky8f .ns_bj{background:#fff;padding:40px 0;box-sizing:border-box}
body.tpl-dsxdky8f .ns_n{display:flex;justify-content:space-between;margin-top:15px}
body.tpl-dsxdky8f .dongt{width:500px}
body.tpl-dsxdky8f .dongt dt{width:100%;height:330px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;border:1px solid #ddd}
body.tpl-dsxdky8f .dongt dt img{width:100%;transition:all 0.5s}
body.tpl-dsxdky8f .dongt dt:hover{border-color:#fff;box-shadow:0 5px 10px rgba(32,33,38,0.1)}
body.tpl-dsxdky8f .dongt dt:hover img{transform:scale(1.1)}
body.tpl-dsxdky8f .dongt dd{padding:20px;background:#f0f0f0}
body.tpl-dsxdky8f .dongt dd h4{height:30px;line-height:30px}
body.tpl-dsxdky8f .dongt dd h4 a{font-size:20px;color:#333333;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:normal}
body.tpl-dsxdky8f .dongt dd h4 a:hover{color:#3754BF}
body.tpl-dsxdky8f .dongt dd span{display:inline-block;height:25px;line-height:25px;color:#999}
body.tpl-dsxdky8f .dongt dd p{font-size:14px;color:#999;line-height:25px;height:50px;overflow:hidden;margin-top:10px}
body.tpl-dsxdky8f .went{width:680px;box-sizing:border-box}
body.tpl-dsxdky8f .went li{border:1px solid #ddd;padding:22px 40px;transition:all 0.3s;margin-bottom:10px}
body.tpl-dsxdky8f .went li em{display:block;font-size:14px;color:#999;font-weight:bold}
body.tpl-dsxdky8f .went li span{display:block;font-size:14px;color:#333;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.tpl-dsxdky8f .went li p{font-size:14px;color:#999;line-height:25px;height:50px;overflow:hidden;margin-top:10px}
body.tpl-dsxdky8f .went li:hover{border-color:#fff;box-shadow:0 5px 10px rgba(32,33,38,0.1)}

/* 友情链接 linkbox */
body.tpl-dsxdky8f .linkbox{background:#f2f2f2;padding:15px;width:1170px;line-height:26px;margin:50px auto}
body.tpl-dsxdky8f .linkbox a{margin-right:10px;color:#666}
body.tpl-dsxdky8f .linkbox h4{font-size:18px;font-weight:bold;display:inline-block;color:#333}

/* 页脚 footWrap + footer */
body.tpl-dsxdky8f .footWrap{background:#33383c;overflow:hidden;font-family:"Microsoft Yahei";padding:30px 0;position:relative;z-index:1}
body.tpl-dsxdky8f .footer{width:1200px;margin:0 auto;position:relative;line-height:25px;text-align:center;color:#fff}
body.tpl-dsxdky8f .footer a{color:#fff}

/* 移动端（保留参考站结构但默认不在桌面端验证） */
@media (max-width:768px){
    body.tpl-dsxdky8f .header,body.tpl-dsxdky8f .content,body.tpl-dsxdky8f .footer{width:100%}
    body.tpl-dsxdky8f .topWrap{height:60px;padding-top:0}
    body.tpl-dsxdky8f .header{margin:0}
    body.tpl-dsxdky8f .nav .cur a,body.tpl-dsxdky8f .nav li:hover a{color:#3453C6;border-bottom:none;background:#fff}
    body.tpl-dsxdky8f .logobox .logo img{height:50px;margin:5px}
    body.tpl-dsxdky8f .nav{z-index:1000;position:fixed;top:60px;left:-100%;width:100%;height:100%;background:#fff;transition:all .36s ease;margin:0}
    body.tpl-dsxdky8f .nav ul{float:none}
    body.tpl-dsxdky8f .nav li{float:none;height:50px;line-height:50px;border-bottom:1px solid #eee;width:100%;text-align:left;text-indent:20px}
    body.tpl-dsxdky8f .nav li a{color:#333;padding:0;height:50px}
    body.tpl-dsxdky8f .m_nav{position:absolute;top:10px;width:40px;height:40px;background:url(/static/templates/dsxdky8f/images/menu-bg.png) no-repeat center center #3453C6;background-size:25px auto;right:5px}
    body.tpl-dsxdky8f .fullSlide{min-width:320px;height:auto}
    body.tpl-dsxdky8f .fullSlide .bd li{height:138px}
    body.tpl-dsxdky8f .fullSlide .bd li img{width:100%;left:0;margin-left:0}
    body.tpl-dsxdky8f .next,body.tpl-dsxdky8f .prev{display:none}
    body.tpl-dsxdky8f .fullSlide .hd{left:50%;margin-left:-80px;bottom:5px;width:200px}
    body.tpl-dsxdky8f .linkbox{display:none}
    body.tpl-dsxdky8f .footWrap{padding:30px 15px;margin-bottom:50px;text-align:justify}
    body.tpl-dsxdky8f .aboutbox{padding:15px}
    body.tpl-dsxdky8f .aboutbox .content{display:block}
    body.tpl-dsxdky8f .aboutbox .about-wenzi{width:100%}
    body.tpl-dsxdky8f .aboutbox .about-img{width:100%;height:auto}
    body.tpl-dsxdky8f .aboutbox .about-img img{width:100%}
    body.tpl-dsxdky8f .youshibox{width:100%;box-sizing:border-box;padding:0;border:none;border-top:1px solid #eee}
    body.tpl-dsxdky8f .youshibox li{width:50%;padding:10px;border-bottom:1px solid #eee}
    body.tpl-dsxdky8f .youshibox li .item-dd{font-size:36px}
    body.tpl-dsxdky8f .youshibox li:first-child{width:100%}
    body.tpl-dsxdky8f .pro_bj{padding-top:20px}
    body.tpl-dsxdky8f .al_bj{height:auto}
    body.tpl-dsxdky8f .anl ul li{width:47%;padding:1%;height:210px}
    body.tpl-dsxdky8f .dpspcpimgvideo{width:100%;float:none;height:auto}
    body.tpl-dsxdky8f .dpspycbox{width:100%;float:none;height:auto}
}
