/* 仅首页 home_00057 模板 site.css
 * 来源：/Users/zengli/Documents/code/geo/site/仅首页/home_00057/stylesheet_1.css + stylesheet_2.css
 * 已清洗：删除 stylesheet_0.css（注册/客服）；删除 right_info/zhuce2023/linkus/mobile-footer 等悬浮客服/注册区块样式；
 *        url(images/0.png) -> url(images/nav-bg.png)、url(images/1.jpg) -> url(images/banner-bg.jpg) 等。
 * CSS 隔离策略：所有选择器使用 body.tpl-yewnsd7j 前缀作用域。
 */

/* 公共 reset + 容器 */
body.tpl-yewnsd7j{color:#666;font-size:14px;width:100%;font-family:"Microsoft Yahei"}
body.tpl-yewnsd7j,body.tpl-yewnsd7j div,body.tpl-yewnsd7j dl,body.tpl-yewnsd7j dt,body.tpl-yewnsd7j dd,body.tpl-yewnsd7j ul,body.tpl-yewnsd7j li,body.tpl-yewnsd7j h1,body.tpl-yewnsd7j h3,body.tpl-yewnsd7j h4,body.tpl-yewnsd7j h5,body.tpl-yewnsd7j input,body.tpl-yewnsd7j p{margin:0;padding:0}
body.tpl-yewnsd7j li{list-style:none}
body.tpl-yewnsd7j h5{font-size:12px}
body.tpl-yewnsd7j a{text-decoration:none;color:#333}
body.tpl-yewnsd7j a:hover{text-decoration:none;color:#333!important}
body.tpl-yewnsd7j a:focus{outline:0}
body.tpl-yewnsd7j .clear{clear:both;height:0;line-height:0;font-size:0}
body.tpl-yewnsd7j p{word-spacing:-1.5px}
body.tpl-yewnsd7j .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
body.tpl-yewnsd7j .content,body.tpl-yewnsd7j .footer{width:1200px;margin:0 auto;font-family:"Microsoft Yahei"}

/* 头部 topWrap + header + logobox + nav（首页透明覆盖，内页深色固定） */
body.tpl-yewnsd7j .topWrap{font-family:"Microsoft Yahei";width:100%;position:absolute;left:0;top:0;border-bottom:1px solid rgba(255,255,255,0.55);z-index:10}
body.tpl-yewnsd7j .page-top{position:relative;background:#0664be;border-bottom:none}
body.tpl-yewnsd7j .header{display:flex;justify-content:space-between;width:1400px;margin:0 auto;padding:20px 0;position:relative}
body.tpl-yewnsd7j .logobox{height:60px;overflow:hidden;width:300px;position:relative}
body.tpl-yewnsd7j .logobox .logo img{margin-right:10px}
body.tpl-yewnsd7j .logobox .logo a{font-size:24px;font-weight:bold;display:flex;align-items:center;letter-spacing:2px;color:#fff;height:60px}
body.tpl-yewnsd7j .logobox .logo:hover a{color:#fff!important}
body.tpl-yewnsd7j .nav{position:absolute;top:0;right:0px}
body.tpl-yewnsd7j .nav ul{width:1000px;display:flex;justify-content:space-between}
body.tpl-yewnsd7j .nav li{text-align:center;position:relative;padding-top:31px;height:96px;background:url(images/nav-bg.png) no-repeat center -130px;transition:0.5s;width:124px}
body.tpl-yewnsd7j .nav li a{font-size:16px;font-weight:700;display:inline-block;color:#fff}
body.tpl-yewnsd7j .nav .cur{background:url(images/nav-bg.png) no-repeat center top}
body.tpl-yewnsd7j .nav .cur a{color:#0664be}
body.tpl-yewnsd7j .nav li:hover{background:url(images/nav-bg.png) no-repeat center top}
body.tpl-yewnsd7j .nav li:hover a{color:#0664be}
body.tpl-yewnsd7j .m_nav{display:none}

/* banner zdybanner */
body.tpl-yewnsd7j .zdybanner{background:url(images/banner-bg.jpg) no-repeat center center;background-size:cover;width:100%;height:650px;padding-top:200px;color:#fff}
body.tpl-yewnsd7j .zdybanner .content{width:1200px;overflow:hidden}
body.tpl-yewnsd7j .zdybanner-left{width:660px;float:left}
body.tpl-yewnsd7j .zdybanner-left h1{background:#fff;height:60px;display:inline-block;padding:0 25px;font-size:32px;color:#0664be;line-height:60px;overflow:hidden;max-width:600px}
body.tpl-yewnsd7j .zdybanner-left .zdywz1{line-height:80px;font-size:54px;letter-spacing:10px}
body.tpl-yewnsd7j .zdybanner-left .zdywz2{line-height:60px;font-size:28px}
body.tpl-yewnsd7j .zdybanner-right{width:540px;float:right}
body.tpl-yewnsd7j .zdybanner-tel{margin:50px auto;text-align:center;font-size:28px;width:500px;background:#fff;border-radius:30px;height:60px;line-height:60px;color:#0664be;font-weight:bold}

/* 白色闪光效果 */
body.tpl-yewnsd7j .white:after,body.tpl-yewnsd7j .whites:after{content:"";position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewx(-25deg)}
body.tpl-yewnsd7j .white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
body.tpl-yewnsd7j .whites:hover:after{left:100%;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s}

/* 产品视频 dpspbox */
body.tpl-yewnsd7j .dpspbox{overflow:hidden;background:#fff;padding:50px 30px 30px 30px}
body.tpl-yewnsd7j .dpspcpimgvideo{float:left;width:550px;position:relative}
body.tpl-yewnsd7j .videobox2024{width:100%;position:relative}
body.tpl-yewnsd7j .videobox2024 img{width:100%;display:block}
body.tpl-yewnsd7j .playvideo2024{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}
body.tpl-yewnsd7j .playvideo2024 img{width:80px;height:80px}
body.tpl-yewnsd7j .dpspycbox{float:right;width:580px;overflow:hidden}
body.tpl-yewnsd7j .moreimglist2024{overflow:hidden}
body.tpl-yewnsd7j .moreimglist2024 li{float:left;width:180px;margin:0 10px 15px 0;cursor:pointer}
body.tpl-yewnsd7j .moreimglist2024 li:nth-child(3n){margin-right:0}
body.tpl-yewnsd7j .tuijianimgbox2024{position:relative;overflow:hidden;width:100%;padding-top:68%}
body.tpl-yewnsd7j .tuijianimgbox2024 img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover}
body.tpl-yewnsd7j .playvideo2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
body.tpl-yewnsd7j .playvideo2 img{width:40px;height:40px}
body.tpl-yewnsd7j .cp-title2024{font-size:14px;color:#333;text-align:center;padding:8px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 视频介绍 video_intro1 */
body.tpl-yewnsd7j .video_intro1{background:#f5f5f5;text-align:center;padding:25px 0;font-size:16px;color:#666}

/* 栏目标题 titl */
body.tpl-yewnsd7j .titl{margin-bottom:30px;text-align:center;background:url(images/title-bg.png) no-repeat center center}
body.tpl-yewnsd7j .titl .zh{font-size:36px;font-weight:bold;color:#0664be}
body.tpl-yewnsd7j .titl .en{font-size:18px;color:#666;text-transform:uppercase}

/* 产品中心 c1 + c22 */
body.tpl-yewnsd7j .c1{padding:50px;overflow:hidden;background:#fff}
body.tpl-yewnsd7j .c22{position:relative;overflow:hidden}
body.tpl-yewnsd7j .c22 .bd li:hover{-moz-box-shadow:0px 0px 10px #333333;-webkit-box-shadow:0px 0px 10px #333333;box-shadow:0px 0px 10px #333333}
body.tpl-yewnsd7j .c22 .bd li:hover .img img{transform:scale(1.1)}
body.tpl-yewnsd7j .c22 .bd li:hover h3{background:#0664be;color:#fff}
body.tpl-yewnsd7j .c22 .bd li:hover{border:1px solid #0664be}

/* 客户案例 c2 */
body.tpl-yewnsd7j .c2{position:relative;overflow:hidden}
body.tpl-yewnsd7j .c2 ul{padding-bottom:30px!important}
body.tpl-yewnsd7j .c2 li{float:left;width:380px;position:relative;margin-right:20px;box-shadow:0px 0px 8px #d4d4d4;margin-bottom:20px}
body.tpl-yewnsd7j .c2 li:nth-child(3n){margin-right:0}
body.tpl-yewnsd7j .c2 li .img{width:100%;padding-top:75%;position:relative;overflow:hidden}
body.tpl-yewnsd7j .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}
body.tpl-yewnsd7j .c2 li h3{line-height:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px;text-align:center;font-size:16px}
body.tpl-yewnsd7j .c2 li:hover .img img{transform:scale(1.1)}

/* 公司介绍 m3 */
body.tpl-yewnsd7j .m3{padding:50px 0;background:#0664be;overflow:hidden;position:relative}
body.tpl-yewnsd7j .m3 .titl{background:url(images/title-bg-white.png) no-repeat center center}
body.tpl-yewnsd7j .m3 .titl .zh{color:#fff}
body.tpl-yewnsd7j .m3 .titl .en{color:#fff}
body.tpl-yewnsd7j .m3cont{background:#fff;padding:30px;overflow:hidden}
body.tpl-yewnsd7j .m30{float:right;width:540px;height:420px}
body.tpl-yewnsd7j .m30 img{width:100%;height:100%;object-fit:cover}
body.tpl-yewnsd7j .m31{width:550px;float:left;max-height:410px;overflow:hidden;line-height:28px;font-size:14px;color:#666}

/* 4大优势 ysbox */
body.tpl-yewnsd7j .ysbox{width:100%;background:url(images/advantage-bg.jpg) no-repeat center center;padding:50px 0;overflow:hidden}
body.tpl-yewnsd7j .ys01{overflow:hidden}
body.tpl-yewnsd7j .ys02{overflow:hidden}
body.tpl-yewnsd7j .ysbox .ysleft{width:600px;float:left}
body.tpl-yewnsd7j .ysbox .ysright{width:580px;float:right}
body.tpl-yewnsd7j .ysbox dl{width:600px;display:inline-block;padding-bottom:20px}
body.tpl-yewnsd7j .ysbox dl dt{display:inline-block;overflow:hidden;height:56px}
body.tpl-yewnsd7j .ysbox dl dt em{display:block;float:left;width:52px;height:56px;background:#0664be;color:#fff;font-size:28px;line-height:56px;text-align:center;font-style:normal;font-weight:bold}
body.tpl-yewnsd7j .ysbox dl dt h5{float:left;padding:5px 0 0 10px}
body.tpl-yewnsd7j .ysbox dl dt h5 div{font-size:24px;color:#0664be;width:530px;height:31px;overflow:hidden}
body.tpl-yewnsd7j .ysbox dl dt h5 i{display:block;font-size:12px;color:#666;text-transform:uppercase;font-weight:normal;padding:3px 0 0}
body.tpl-yewnsd7j .ysbox dl dd{padding:10px 0 0 30px}
body.tpl-yewnsd7j .ysbox dl dd p{font-size:15px;color:#333;line-height:30px;background:url(images/advantage-icon.png) no-repeat 0 7px;padding:0 0 0 28px;height:30px;overflow:hidden}
body.tpl-yewnsd7j .ysbox img{display:block;width:260px;object-fit:cover;height:220px;float:left;margin:0 10px;background:#fff;padding:5px}

/* 行业资讯 n1 */
body.tpl-yewnsd7j .n1{background:#f5f5f5;padding:40px 0;overflow:hidden}
body.tpl-yewnsd7j .ns_l{width:790px;float:left;background:#fff}
body.tpl-yewnsd7j .ns_l dl{display:flex;justify-content:space-between}
body.tpl-yewnsd7j .ns_l dl dt{overflow:hidden;width:200px;position:relative;height:150px}
body.tpl-yewnsd7j .ns_l dl dt img{width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;transition:all .5s;object-fit:cover}
body.tpl-yewnsd7j .ns_l dl dd{padding:15px 20px;background:#fff;width:550px}
body.tpl-yewnsd7j .ns_l dl dd h3{height:30px;line-height:30px;font-size:18px;overflow:hidden;color:#333}
body.tpl-yewnsd7j .ns_l dl dd span{display:inline-block;height:25px;line-height:25px;color:#666;margin-top:5px}
body.tpl-yewnsd7j .ns_l dl dd p{font-size:14px;color:#999;line-height:25px;height:50px;overflow:hidden;margin-top:10px}
body.tpl-yewnsd7j .ns_l ul{padding:0 20px 10px 20px;overflow:hidden}
body.tpl-yewnsd7j .ns_l ul li{height:50px;line-height:50px;border-bottom:1px dashed #eee;width:48%;margin:0 1%;float:left}
body.tpl-yewnsd7j .ns_l ul li h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;font-size:16px;font-weight:normal}
body.tpl-yewnsd7j .ns_r{width:350px;float:right;background:#fff;padding:20px}

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

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

/* 内页通用容器 */
body.tpl-yewnsd7j .cont-wrap{padding:30px 0;overflow:hidden}
body.tpl-yewnsd7j .cont-wrap .content{padding:0 50px;background:#fff}

@media (max-width:768px){
    body.tpl-yewnsd7j .zdybanner{display:none}
    body.tpl-yewnsd7j .header,body.tpl-yewnsd7j .content,body.tpl-yewnsd7j .footer{width:100%}
    body.tpl-yewnsd7j .header{padding:0}
    body.tpl-yewnsd7j .topWrap{height:60px;padding-top:0;position:relative;background:#0664be}
    body.tpl-yewnsd7j .header{margin:0}
    body.tpl-yewnsd7j .logobox{width:100%;padding:0}
    body.tpl-yewnsd7j .logobox .logo a{font-size:18px}
    body.tpl-yewnsd7j .nav .cur a,body.tpl-yewnsd7j .nav li:hover a{color:#ce0101;border-bottom:none;background:#fff}
    body.tpl-yewnsd7j .logobox .logo img{height:50px;margin:5px;max-width:100%}
    body.tpl-yewnsd7j .nav{z-index:1000;position:fixed;top:60px;left:-100%;width:100%;height:100%;transition:all .36s ease;margin:0;background:#fff}
    body.tpl-yewnsd7j .nav ul{float:none;width:100%;display:block}
    body.tpl-yewnsd7j .nav li{float:none;height:50px;line-height:50px;border-bottom:1px solid #eee;width:100%;text-align:left;text-indent:20px;background:none}
    body.tpl-yewnsd7j .nav li a{color:#333;padding:0;height:50px}
    body.tpl-yewnsd7j .m_nav{display:block;position:absolute;top:10px;width:40px;height:40px;background:url(images/menu-icon.png) no-repeat center center #333;background-size:25px auto;right:5px}
    body.tpl-yewnsd7j .linkbox{display:none}
    body.tpl-yewnsd7j .m3{padding:15px}
    body.tpl-yewnsd7j .m30{display:none}
    body.tpl-yewnsd7j .m31{width:100%;margin:0}
    body.tpl-yewnsd7j .titl{margin-bottom:10px;background-size:100% auto}
    body.tpl-yewnsd7j .titl .zh{font-size:28px;background:none}
    body.tpl-yewnsd7j .ysbox .ysleft{width:100%}
    body.tpl-yewnsd7j .ysbox .ysright{width:100%}
    body.tpl-yewnsd7j .ysbox dl{width:100%}
    body.tpl-yewnsd7j .ysbox dl dt h5{width:calc(100% - 70px)}
    body.tpl-yewnsd7j .ysbox dl dt h5 div{width:100%;font-size:20px}
    body.tpl-yewnsd7j .ysbox dl dd{padding-left:10px}
    body.tpl-yewnsd7j .ys01,body.tpl-yewnsd7j .ys02{padding:10px;height:auto;margin-bottom:0}
    body.tpl-yewnsd7j .ysbox img{display:none}
    body.tpl-yewnsd7j .c1{padding:15px 10px}
    body.tpl-yewnsd7j .c1 ul{width:auto!important;left:0!important}
    body.tpl-yewnsd7j .c2 li{width:48%!important;margin:1%}
    body.tpl-yewnsd7j .n1{padding:30px 15px}
    body.tpl-yewnsd7j .ns_l,body.tpl-yewnsd7j .ns_r{width:100%}
    body.tpl-yewnsd7j .ns_l dl{display:none}
    body.tpl-yewnsd7j .ns_l ul li h3{width:calc(100% - 70px)}
    body.tpl-yewnsd7j .ns_r{padding:0;margin-top:15px}
    body.tpl-yewnsd7j .ns_l ul li{width:98%}
    body.tpl-yewnsd7j .linkbox{width:auto}
    body.tpl-yewnsd7j .footWrap{padding:30px 15px;margin-bottom:50px;text-align:justify}
}

/* case-carousel 案例轮播 */
body.tpl-yewnsd7j .case-carousel {
    position: relative;
    overflow: hidden;
    padding: 0 50px;
}
body.tpl-yewnsd7j .case-track {
    overflow: hidden;
}
body.tpl-yewnsd7j .case-track ul {
    white-space: nowrap;
    font-size: 0;
    transition: transform 0.4s ease;
}
body.tpl-yewnsd7j .case-track ul li {
    display: inline-block;
    width: 280px;
    margin: 0 10px;
    background: #f5f5f5;
    overflow: hidden;
    white-space: normal;
    vertical-align: top;
}
body.tpl-yewnsd7j .case-track ul li .img {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
}
body.tpl-yewnsd7j .case-track ul li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
body.tpl-yewnsd7j .case-track ul li h3 {
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
}
body.tpl-yewnsd7j .case-prev,
body.tpl-yewnsd7j .case-next {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    cursor: pointer;
    z-index: 5;
}
body.tpl-yewnsd7j .case-prev {
    left: 0;
}
body.tpl-yewnsd7j .case-next {
    right: 0;
}
body.tpl-yewnsd7j .case-prev::after,
body.tpl-yewnsd7j .case-next::after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    margin: 14px auto;
}
body.tpl-yewnsd7j .case-prev::after {
    transform: rotate(-45deg);
}
body.tpl-yewnsd7j .case-next::after {
    transform: rotate(135deg);
}