/* 仅首页 home_00050 模板 site.css
 * 来源：/Users/zengli/Documents/code/geo/site/仅首页/home_00050/stylesheet_3.css + stylesheet_2.css
 * 已清洗：删除 stylesheet_0.css（注册/客服/统计）、stylesheet_1.css（远程字体颜色）、
 *        删除 right_info / linkus / huaermapbox / contactbox2023 / yqbody2024 等悬浮客服/注册区块样式、
 *        删除 mobile-footer 浮动注册样式（mobile-footer 在参考站是注册浮动，删除）、
 *        删除 mobile 端 right_info / linkus 相关 style、把 url(images/1.png) 改到 images/index-title-bg.png、
 *        把 url(images/0.png) 改到 images/menu-bg.png。
 * CSS 隔离策略：参考站 CSS 简单，不强制加 .tpl-nzhsddyc 前缀；layout.php 在 body 加 tpl-nzhsddyc 类以备扩展。
 */

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 移动端（保留参考站结构但默认不在桌面端验证） */
/* case-carousel 案例轮播 */
.fullSlide .bd li{display:flex;align-items:center;justify-content:center}
.fullSlide .bd li a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.case-carousel{position:relative;overflow:hidden}
.case-carousel .case-track{overflow:hidden}
.case-carousel .case-track ul{display:flex;flex-wrap:nowrap;transition:left 0.4s ease;position:relative}
.case-carousel .case-track ul li{flex-shrink:0;width:285px;margin-right:20px}
.case-carousel .case-prev,.case-carousel .case-next{position:absolute;top:50%;z-index:5;cursor:pointer;transform:translateY(-50%)}
.case-carousel .case-prev{left:-40px}
.case-carousel .case-next{right:-40px}

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