/* 仅首页 home_00055 模板 site.css
 * 来源：/Users/zengli/Documents/code/geo/site/仅首页/home_00055/stylesheet_3.css
 * 已清洗：
 *   删除 stylesheet_0.css（注册/客服，远程登录样式）
 *   删除 stylesheet_1.css（远程字体颜色，.sjys12）
 *   删除 stylesheet_2.css（draw.css 移动端 hover 边框，参考站未实际使用）
 *   删除 right_info / linkus / huaermapbox / contactbox2023 / yqbody2024 / mobile-footer / mobile-fixed / zhuce2023 等悬浮客服/注册区块样式
 *   删除 sf-hidden 强制隐藏声明
 *   删除 noscript 灰底，移动端适配不在本批次范围内
 *   把 url(images/0.png) 改到 images/header-phone.png
 *   把 url(images/1.png) 改到 images/slide-arrow.png
 *   把 url(images/2.png) 改到 images/in-title-bg.png
 *   把 url(images/3.jpg) 改到 images/product-bg.jpg
 *   把 url(images/4.jpg) 改到 images/about-bg.jpg
 *   把 url(images/5.png) 改到 images/case-arrow-left.png
 *   把 url(images/6.png) 改到 images/case-arrow-right.png
 *   把 url(images/7.png) 删除（注册浮窗，trash）
 *   把 url(images/11.png) 改到 images/video-play.png（在 home-hero.php 内联，CSS 内的同名 url 同步删除）
 * 所有选择器使用 .tpl-r6l8rr7t 作用域前缀隔离。
 */

/* 公共 reset + 容器 */
body.tpl-r6l8rr7t{line-height:1.15;margin:0;font-size:14px;font-family:Microsoft YaHei,arial,sans-serif;color:#333}
body.tpl-r6l8rr7t .clearfix{clear:both}
body.tpl-r6l8rr7t .clear{clear:both;height:0;line-height:0;font-size:0}
.tpl-r6l8rr7t a{background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:none;color:#333}
.tpl-r6l8rr7t a:active,.tpl-r6l8rr7t a:hover{outline-width:0}
.tpl-r6l8rr7t div,.tpl-r6l8rr7t span,.tpl-r6l8rr7t h3,.tpl-r6l8rr7t h4,.tpl-r6l8rr7t p,.tpl-r6l8rr7t a,.tpl-r6l8rr7t em,.tpl-r6l8rr7t img,.tpl-r6l8rr7t i,.tpl-r6l8rr7t ul,.tpl-r6l8rr7t li,.tpl-r6l8rr7t label,.tpl-r6l8rr7t dl,.tpl-r6l8rr7t dt,.tpl-r6l8rr7t dd{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}
.tpl-r6l8rr7t ul li{list-style:none}
.tpl-r6l8rr7t img{border:0;vertical-align:middle}
.tpl-r6l8rr7t .container{margin-right:auto;margin-left:auto;width:1200px;padding-left:0;padding-right:0}
@media (min-width:768px){.tpl-r6l8rr7t .container{width:750px}}
@media (min-width:992px){.tpl-r6l8rr7t .container{width:970px}}
@media (min-width:1230px){.tpl-r6l8rr7t .container{width:1200px;padding-left:0;padding-right:0}}
@media (min-width:1430px){.tpl-r6l8rr7t .container{width:1200px;padding-left:0;padding-right:0}}

/* 头部 header + logo + menu + head-phoen（参考站黑色 fixed 头部，opacity 0.8） */
.tpl-r6l8rr7t .header{padding:15px;overflow:hidden;background:#333;box-sizing:border-box;position:fixed;z-index:5;width:100%;filter:alpha(opacity=80);opacity:0.8}
.tpl-r6l8rr7t .header .logo{float:left;font-size:0;height:51px;width:24%;padding-right:1%}
.tpl-r6l8rr7t .header .logo img{margin-top:-15px;max-height:60px;max-width:360px;vertical-align:middle}
.tpl-r6l8rr7t .header .logo:after{content:"";display:inline-block;height:100%;vertical-align:middle}
.tpl-r6l8rr7t .header .menu{float:left;width:55%}
.tpl-r6l8rr7t .header .menu>li{float:left;position:relative;overflow:hidden;width:16%}
.tpl-r6l8rr7t .header .menu>li>a{display:block;font-size:16px;color:#fff;padding:0 5px;line-height:50px;position:relative;text-align:center;white-space:nowrap}
.tpl-r6l8rr7t .header .menu>li>a:hover{background:#3374da;color:#fff}
.tpl-r6l8rr7t .header .menu>li.cur a{background:#3374da;color:#fff}
.tpl-r6l8rr7t .header .head-phoen{width:20%;float:right;margin-top:10px;background:url(images/header-phone.png) 0 no-repeat;padding-left:50px;font-size:18px;color:#fff;line-height:30px}
.tpl-r6l8rr7t .header .head-phoen .dhdx{font-size:24px;font-weight:bold;color:#3374da;letter-spacing:1px}

/* 焦点 slideBox（参考站 banner，padding-top 80px 让出 fixed 头部） */
.tpl-r6l8rr7t .slideBox{width:100%;height:450px;overflow:hidden;position:relative;padding-top:80px}
.tpl-r6l8rr7t .slideBox .hd{overflow:hidden;position:absolute;left:50%;margin-left:-45px;bottom:5%;z-index:1}
.tpl-r6l8rr7t .slideBox .hd ul{overflow:hidden;zoom:1;float:left}
.tpl-r6l8rr7t .slideBox .hd ul li{float:left;margin:0 5px;width:20px;height:20px;line-height:20px;text-align:center;background:#fff;cursor:pointer;border-radius:10px}
.tpl-r6l8rr7t .slideBox .hd ul li.on{background:#3374da;color:#fff}
.tpl-r6l8rr7t .slideBox .bd{position:relative;height:100%;z-index:0}
.tpl-r6l8rr7t .slideBox .bd li{zoom:1;vertical-align:middle}
.tpl-r6l8rr7t .slideBox .bd img{width:100%;height:450px;display:block}
.tpl-r6l8rr7t .slideBox .prev,.tpl-r6l8rr7t .slideBox .next{position:absolute;left:3%;top:50%;margin-top:-25px;display:block;width:32px;height:40px;background:url(images/slide-arrow.png) -110px 5px no-repeat;filter:alpha(opacity=50);opacity:0.5}
.tpl-r6l8rr7t .slideBox .next{left:auto;right:3%;background-position:8px 5px}
.tpl-r6l8rr7t .slideBox .prev:hover,.tpl-r6l8rr7t .slideBox .next:hover{filter:alpha(opacity=100);opacity:1}

/* 产品视频 dpspbox + dpspcpimgvideo + videobox2024 + playvideo2024 + dpspycbox + moreimglist2024 */
.tpl-r6l8rr7t .dpspbox{margin:15px auto;overflow:hidden;width:1200px;background:#fff;z-index:9999}
.tpl-r6l8rr7t .dpspcpimgvideo{position:relative;width:850px;float:left}
.tpl-r6l8rr7t .dpspcpimgvideo .videobox2024{max-height:600px;position:relative;overflow:hidden;justify-content:center;margin-bottom:20px;display:flex;align-items:center;background:#000}
.tpl-r6l8rr7t .dpspcpimgvideo .videobox2024 img{max-width:100%;max-height:100%;display:block;border-radius:15px}
.tpl-r6l8rr7t .dpspcpimgvideo .playvideo2024{position:absolute;left:50%;top:50%;margin-left:-35px;z-index:10;margin-top:-35px;cursor:pointer}
.tpl-r6l8rr7t .dpspcpimgvideo .playvideo2024 img{width:70px;height:70px}
.tpl-r6l8rr7t .dpspycbox{width:330px;float:right;color:#333}
.tpl-r6l8rr7t .dpspycbox .moreimglist2024{margin-top:0;display:flex;justify-content:space-between;flex-wrap:wrap;height:600px}
.tpl-r6l8rr7t .dpspycbox .moreimglist2024 li{width:32%;margin-bottom:8px;background:#f5f5f5;box-sizing:border-box;overflow:hidden;position:relative}
.tpl-r6l8rr7t .dpspycbox .moreimglist2024 li .tuijianimgbox2024{position:relative;width:100%;height:170px;overflow:hidden;background:#000}
.tpl-r6l8rr7t .dpspycbox .moreimglist2024 li .tuijianimgbox2024 img{width:100%;height:100%;object-fit:cover;display:block}
.tpl-r6l8rr7t .dpspycbox .moreimglist2024 li .playvideo2{position:absolute;left:50%;top:50%;width:32px;height:32px;margin:-16px 0 0 -16px;cursor:pointer}
.tpl-r6l8rr7t .dpspycbox .moreimglist2024 li .playvideo2 img{width:100%;height:auto}
.tpl-r6l8rr7t .dpspycbox .moreimglist2024 li .cp-title2024{padding:6px 4px;font-size:12px;line-height:18px;height:54px;overflow:hidden;color:#666}

/* 视频介绍 video_intro1（参考站红色文字，宽度 1200px 居中） */
.tpl-r6l8rr7t .video_intro1{width:1200px;margin:0 auto;font-size:18px;font-weight:bold;color:#f00;text-align:center;line-height:30px;padding:30px 0;background:#f0f0f0;margin-bottom:30px}

/* 通用栏目标题 in-title（参考站 in-title 用 images/2.png 标题底图） */
.tpl-r6l8rr7t .in-title{text-align:center;margin-bottom:50px}
.tpl-r6l8rr7t .in-title span{font-size:24px;color:#2a2c2f;background:url(images/in-title-bg.png) bottom no-repeat;padding-bottom:25px;font-weight:400}
.tpl-r6l8rr7t .in-title .baise{color:#fff!important}

/* 公司供应 news + news-list（参考站图文列表） */
.tpl-r6l8rr7t .news{padding:50px 0;overflow:hidden;box-shadow:0 0 10px #dadaea}
.tpl-r6l8rr7t .news .news-list{border-top:1px solid #dbdbdc;border-left:1px solid #dbdbdc;overflow:hidden;display:flex;flex-wrap:wrap}
.tpl-r6l8rr7t .news .news-list li{width:25%;box-sizing:border-box;padding:10px}
.tpl-r6l8rr7t .news .news-list li .img{display:block;border:1px solid #c3c3c3;font-size:0;margin-bottom:10px;height:235px;overflow:hidden}
.tpl-r6l8rr7t .news .news-list li .img img{width:100%;height:100%;object-fit:cover;display:block;-webkit-transition:all .5s ease;transition:all .5s ease}
.tpl-r6l8rr7t .news .news-list li h3{border:1px solid #d2d2d2;line-height:40px;font-size:14px;text-align:center;font-weight:400;color:#5a5a5a;margin:0}
.tpl-r6l8rr7t .news .news-list li:hover h3{color:#3374da}
.tpl-r6l8rr7t .news .news-list li a:hover h3{background:#3374da;color:#fff;border-color:#3374da}

/* 产品中心 product + pro-list + pro-item + in-more（参考站产品区背景图 + 卡片网格） */
.tpl-r6l8rr7t .product{padding:45px 0;overflow:hidden;background:url(images/product-bg.jpg) top no-repeat;background-size:cover;position:relative}
.tpl-r6l8rr7t .product .pro-list{margin-top:80px;display:flex;flex-wrap:wrap}
.tpl-r6l8rr7t .product .pro-list .pro-item{width:calc(25% - 20px);margin:0 10px 20px;background:#fff;float:left;height:300px;box-sizing:border-box}
.tpl-r6l8rr7t .product .pro-list .slick-con{display:block;padding:10px}
.tpl-r6l8rr7t .product .pro-list .slick-con .img{display:block;border:1px solid #c3c3c3;font-size:0;margin-bottom:10px;height:235px;overflow:hidden}
.tpl-r6l8rr7t .product .pro-list .slick-con .img img{width:100%;height:100%;-webkit-transition:all .5s ease;transition:all .5s ease;object-fit:cover}
.tpl-r6l8rr7t .product .pro-list .slick-con h3{border:1px solid #d2d2d2;line-height:40px;font-size:14px;text-align:center;font-weight:400;color:#5a5a5a;margin:0}
.tpl-r6l8rr7t .product .pro-list .slick-con:hover h3{background:#3374da;color:#fff;border-color:#3374da}
.tpl-r6l8rr7t .product .pro-list .slick-con:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.tpl-r6l8rr7t .in-more{text-align:center}
.tpl-r6l8rr7t .in-more a{display:inline-block;border:1px solid #3374da;line-height:40px;color:#3374da;font-size:14px;padding:0 20px}
.tpl-r6l8rr7t .in-more a:hover{background:#3374da;color:#fff}

/* 客户案例 case + ladyScroll（参考站横向轮播） */
.tpl-r6l8rr7t .case{padding:40px 0;overflow:hidden;position:relative;box-shadow:0 0 10px #dadaea}
.tpl-r6l8rr7t .ladyScroll{width:1200px;height:300px;margin:80px auto 15px;position:relative;padding-bottom:50px}
.tpl-r6l8rr7t .ladyScroll .prev,.tpl-r6l8rr7t .ladyScroll .next{position:absolute;z-index:2;top:50%;width:40px;height:66px;margin-top:-33px;background:no-repeat 0 0;opacity:0.6;filter:alpha(opacity=60)}
.tpl-r6l8rr7t .ladyScroll .prev:hover,.tpl-r6l8rr7t .ladyScroll .next:hover{opacity:1;filter:alpha(opacity=100)}
.tpl-r6l8rr7t .ladyScroll .prev{left:0;background-image:url(images/case-arrow-left.png)}
.tpl-r6l8rr7t .ladyScroll .next{right:0;background-image:url(images/case-arrow-right.png)}
.tpl-r6l8rr7t .ladyScroll .scrollWrap{width:100%;padding:0 40px;padding-top:15px;overflow:hidden;position:absolute;box-sizing:border-box}
.tpl-r6l8rr7t .ladyScroll .dlList{display:flex;flex-wrap:nowrap;justify-content:space-between}
.tpl-r6l8rr7t .ladyScroll dl{float:left;width:20%;text-align:center;position:relative;margin-right:1px;height:280px;flex-shrink:0;box-sizing:border-box}
.tpl-r6l8rr7t .ladyScroll span{display:block;width:100%;height:53px;position:absolute;left:0;bottom:0;background:#5f626b;filter:alpha(opacity=80);opacity:0.80}
.tpl-r6l8rr7t .ladyScroll dt{margin:0 auto;width:100%;overflow:hidden;height:280px}
.tpl-r6l8rr7t .ladyScroll img{display:block;max-width:100%;max-height:280px;width:100%;object-fit:cover}
.tpl-r6l8rr7t .ladyScroll dd{width:100%;height:40px;line-height:28px;font-size:14px;color:#fff;text-align:center;overflow:hidden;position:absolute;left:0;bottom:0;margin:0}
.tpl-r6l8rr7t .ladyScroll dd a{color:#fff}
.tpl-r6l8rr7t .ladyScroll dd a:hover{text-decoration:none}
.tpl-r6l8rr7t .ladyScroll dl:hover span{background:#3374da}

/* 关于 about + about-box（参考站 about 区背景图 + 左图右文） */
.tpl-r6l8rr7t .about{overflow:hidden;padding:40px 0;box-shadow:0 0 10px #dadaea;position:relative;background:url(images/about-bg.jpg) top no-repeat;background-size:cover}
.tpl-r6l8rr7t .about-box{padding:20px;overflow:hidden;margin-top:80px;display:flex;gap:20px}
.tpl-r6l8rr7t .about-box .gstitle{width:100%;height:50px;line-height:50px;font-size:25px;font-weight:700}
.tpl-r6l8rr7t .about-box .gsby{width:100%;height:40px;line-height:40px;font-size:22px;font-weight:700;color:#3374da}
.tpl-r6l8rr7t .about .about-box .wz{float:right;width:50%;text-align:left;box-shadow:0 0 10px #dadaea;padding:10px 20px;box-sizing:border-box;height:450px;overflow:hidden;background:#fff}
.tpl-r6l8rr7t .about .about-box .wz p{font-size:15px;color:#000;line-height:1.7;text-indent:12px;margin:0}
.tpl-r6l8rr7t .about .about-box .img{text-align:center;width:50%;float:left;box-shadow:0 0 10px 3px #dadaea;box-sizing:border-box;height:450px;overflow:hidden}
.tpl-r6l8rr7t .about .about-box .img img{max-width:100%;max-height:450px;width:100%;height:100%;object-fit:cover;display:block}
.tpl-r6l8rr7t .about .about-box .wz .tylxr,.tpl-r6l8rr7t .about .about-box .wz .tydz{color:#ff0000;font-weight:bold;font-size:20px}

/* 友情链接 link-box */
.tpl-r6l8rr7t .link-box{width:1200px;box-shadow:0 0 10px #dadaea;margin:20px auto;background:#fff}
.tpl-r6l8rr7t .link-box-title{height:35px;border-bottom:1px solid #dedede;color:#000;font-size:16px;font-weight:bold;width:100%;line-height:35px;text-indent:10px}
.tpl-r6l8rr7t .link-box-txt{padding:5px 10px;line-height:25px;font-size:14px}
.tpl-r6l8rr7t .link-box-txt a{margin:0 10px;color:#696969;display:inline-block}

/* 页脚 footer（参考站黑色 footer + 蓝色 border-top） */
.tpl-r6l8rr7t .footer{padding:20px 0;background:#313131;font-size:14px;color:#fff;border-top:1px solid #3374da}
.tpl-r6l8rr7t .footer .source{text-align:center;line-height:1.7}
.tpl-r6l8rr7t .footer p{margin:0}

/* 内页通用包裹 */
.tpl-r6l8rr7t .cont-wrap{width:1200px;margin:0 auto;padding:20px 0}
.tpl-r6l8rr7t .cont-wrap .content{background:#fff;min-height:300px}
.tpl-r6l8rr7t .article{padding:20px;line-height:1.8;color:#333}
.tpl-r6l8rr7t .article h1,.tpl-r6l8rr7t .article h2,.tpl-r6l8rr7t .article h3{color:#222;margin:0 0 16px 0}
.tpl-r6l8rr7t .article .bd{line-height:1.8;color:#555}
.tpl-r6l8rr7t .article .bd p{margin:0 0 12px 0}
.tpl-r6l8rr7t .index-title-box{text-align:center;margin:30px 0}
.tpl-r6l8rr7t .index-title-box h2{font-size:28px;color:#333;margin:0 0 10px 0}
.tpl-r6l8rr7t .index-title-box p{color:#666;font-size:16px}