/*
 * home_00035 导入模板 j2nunund 样式。
 * 抽取自参考站 stylesheet_1.css 和 stylesheet_2.css。
 * 已删除注册/客服（stylesheet_0.css + right_info/zhuce2023/linkus/huaermapbox 等）相关样式。
 * m32 关于图原本是 CSS 背景，本项目改为 img 标签输出公司图。
 */
body.tpl-j2nunund {
    color: #666;
    font-size: 14px;
    font-family: "Microsoft Yahei", sans-serif;
    background: #f5f5f5;
    word-spacing: -1.5px;
    margin: 0;
    padding: 0;
}

.tpl-j2nunund a { color: #333; text-decoration: none; }
.tpl-j2nunund a:hover { color: #0162d5 !important; }
.tpl-j2nunund a:focus { outline: 0; }

.tpl-j2nunund div,
.tpl-j2nunund ul,
.tpl-j2nunund li,
.tpl-j2nunund h1,
.tpl-j2nunund h3,
.tpl-j2nunund h4,
.tpl-j2nunund input,
.tpl-j2nunund p { margin: 0; padding: 0; }
.tpl-j2nunund li { list-style: none; }

.tpl-j2nunund .clear { clear: both; height: 0; line-height: 0; font-size: 0; }
.tpl-j2nunund .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.tpl-j2nunund .content,
.tpl-j2nunund .footer { width: 1400px; margin: 0 auto; }

/* 顶部蓝色 header */
.tpl-j2nunund .topWrap { position: relative; width: 100%; background: #0162d5; }
.tpl-j2nunund .header { display: flex; justify-content: space-between; width: 1400px; margin: 0 auto; position: relative; padding: 15px 0; }
.tpl-j2nunund .header1 { width: 1200px; }
.tpl-j2nunund .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-j2nunund .t0 { overflow: hidden; margin-bottom: 6px; }
.tpl-j2nunund .t2 { float: left; font-size: 22px; color: #fff; height: 52px; line-height: 52px; }
.tpl-j2nunund .t2 h1 { display: inline-block; font-size: 22px; font-weight: normal; }
.tpl-j2nunund .t3 { background: url('/static/templates/j2nunund/images/0.png') no-repeat left center; padding-left: 55px; float: right; }
.tpl-j2nunund .t3 p { font-size: 14px; line-height: 24px; color: #fff; }
.tpl-j2nunund .t3 p:nth-child(2) { font-size: 22px; line-height: 28px; color: #fff; }

/* 蓝色深色导航 */
.tpl-j2nunund .nav { height: 45px; position: relative; width: 100%; background: #01499d; }
.tpl-j2nunund .nav ul { width: 1200px; display: flex; justify-content: space-between; margin: 0 auto; }
.tpl-j2nunund .nav li { height: 45px; line-height: 45px; text-align: center; position: relative; overflow: hidden; width: 200px; }
.tpl-j2nunund .nav li a { font-size: 18px; color: #fff; display: block; }
.tpl-j2nunund .nav li a:hover { color: #fff !important; }
.tpl-j2nunund .nav li.cur a { color: #fff; background: #0162d5; }

/* 高光掠过效果 */
.tpl-j2nunund .white:after,
.tpl-j2nunund .whites:after { content: ""; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0)); transform: skewx(-25deg); pointer-events: none; }
.tpl-j2nunund .white:hover:after { left: 100%; transition: 1s; }
.tpl-j2nunund .whites:hover:after { left: 100%; transition: 0.5s; }

/* banner 轮播 */
.tpl-j2nunund .fullSlide { min-width: 1200px; position: relative; height: 450px; overflow: hidden; z-index: 2; }
.tpl-j2nunund .fullSlide .bd { position: relative; z-index: 0; }
.tpl-j2nunund .fullSlide .bd ul { width: 100% !important; }
.tpl-j2nunund .fullSlide .bd li { width: 100% !important; height: 450px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.tpl-j2nunund .fullSlide .bd li img { width: 100%; height: 100%; object-fit: cover; max-width: none; }
.tpl-j2nunund .fullSlide .hd { position: absolute; bottom: 32px; z-index: 99; left: 46%; width: 200px; }
.tpl-j2nunund .fullSlide .hd ul { display: flex; justify-content: space-between; }
.tpl-j2nunund .fullSlide .hd li { width: 15px; height: 15px; float: left; margin-right: 20px; background: #fff; border-radius: 50%; }
.tpl-j2nunund .fullSlide .hd li.on { background: #0162d5; }
.tpl-j2nunund .prev { position: absolute; left: 2%; top: 50%; cursor: pointer; z-index: 5; }
.tpl-j2nunund .next { position: absolute; right: 2%; top: 50%; cursor: pointer; z-index: 5; }

/* dpspbox 视频区：1 大 + 6 小 */
.tpl-j2nunund .dpspbox { width: 1400px; margin: 0 auto; padding: 30px 0; }
.tpl-j2nunund .dpspcpimgvideo { width: 510px; float: left; }
.tpl-j2nunund .videobox2024 { position: relative; width: 510px; height: 360px; overflow: hidden; background: #000; }
.tpl-j2nunund .videobox2024 img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tpl-j2nunund .playvideo2024 { position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; cursor: pointer; }
.tpl-j2nunund .playvideo2024 img { width: 64px; height: 64px; }
.tpl-j2nunund .dpspycbox { width: 870px; float: right; }
.tpl-j2nunund .moreimglist2024 { overflow: hidden; }
.tpl-j2nunund .moreimglist2024 li { width: 270px; float: left; margin: 0 15px 20px 0; }
.tpl-j2nunund .tuijianimgbox2024 { position: relative; width: 270px; height: 160px; overflow: hidden; }
.tpl-j2nunund .tuijianimgbox2024 img { width: 100%; height: 100%; object-fit: cover; display: block; transition: all .5s; }
.tpl-j2nunund .tuijianimgbox2024:hover img { transform: scale(1.05); }
.tpl-j2nunund .playvideo2 { position: absolute; left: 50%; top: 50%; width: 36px; height: 36px; margin: -18px 0 0 -18px; }
.tpl-j2nunund .playvideo2 img { width: 36px; height: 36px; }
.tpl-j2nunund .cp-title2024 { line-height: 36px; text-align: center; font-size: 14px; color: #333; }
.tpl-j2nunund .video_intro1 { background: #f5f5f5; padding: 20px 0; text-align: center; font-size: 16px; color: #555; }

/* m3 关于我们 */
.tpl-j2nunund .m3 { padding: 50px 0; background: #f5f5f5; overflow: hidden; position: relative; }
.tpl-j2nunund .m3top { overflow: hidden; }
.tpl-j2nunund .m31 { width: 800px; float: left; margin-right: 50px; max-height: 400px; overflow: hidden; }
.tpl-j2nunund .m31 .en { font-size: 36px; line-height: 1; color: #002a48; opacity: 0.2; margin-bottom: 10px; font-weight: bold; }
.tpl-j2nunund .m31 .cn { color: #0162d5; font-size: 32px; line-height: 1; font-weight: bold; }
.tpl-j2nunund .m31 .cn:after { content: ""; display: block; width: 70px; height: 4px; margin: 20px 0; background: #0162d5; }
.tpl-j2nunund .m31 p { text-indent: 32px; line-height: 1.8; margin-bottom: 20px; font-size: 16px; }
.tpl-j2nunund .m32 { width: 550px; float: left; overflow: hidden; height: 390px; }
.tpl-j2nunund .m32 img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* c1 产品/案例 卡片区 */
.tpl-j2nunund .c1 { padding: 50px; overflow: hidden; background: #fff; }
.tpl-j2nunund .c1 .content { width: 1400px; }
.tpl-j2nunund .titl { margin-bottom: 30px; text-align: center; }
.tpl-j2nunund .titl .zh { font-size: 36px; font-weight: bold; margin-right: 10px; color: #0162d5; }
.tpl-j2nunund .titl .en { font-size: 18px; color: #666; text-transform: uppercase; background: url('/static/templates/j2nunund/images/2.png') no-repeat center center; padding: 0 10px; }
.tpl-j2nunund .c2 { position: relative; overflow: hidden; }
.tpl-j2nunund .c2 ul { padding-bottom: 30px !important; overflow: hidden; }
.tpl-j2nunund .c2 li { float: left; width: 25%; position: relative; margin-right: 20px; box-shadow: 0px 0px 10px #999; background: #fff; }
.tpl-j2nunund .c2 li .img { width: 100%; padding-top: 100%; position: relative; overflow: hidden; }
.tpl-j2nunund .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-j2nunund .c2 li h3 { line-height: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 5px; text-align: center; font-size: 16px; }
.tpl-j2nunund .c2 li:hover .img img { transform: scale(1.1); }
.tpl-j2nunund .c2 li .limore { background: #0162d5; color: #fff; margin: 5px auto 25px; width: 100px; text-align: center; height: 35px; line-height: 35px; }
.tpl-j2nunund .c2 li a { display: block; color: #333; }
.tpl-j2nunund .c2 li a:hover { color: #333 !important; }

/* y1 四大优势（带背景图） */
.tpl-j2nunund .y1 { background: url('/static/templates/j2nunund/images/4.jpg') center no-repeat; padding: 60px 0; box-sizing: border-box; overflow: hidden; position: relative; background-size: 100% 100%; }
.tpl-j2nunund .y1 .content { position: relative; }
.tpl-j2nunund .y1 .titl .zh { color: #fff; }
.tpl-j2nunund #y2 { width: 513px; height: 630px; background: url('/static/templates/j2nunund/images/5.png') left no-repeat; float: left; color: #fff; }
.tpl-j2nunund .youshi_c { width: 340px; padding-top: 90px; padding-left: 35px; float: left; }
.tpl-j2nunund .youshi_h1 { font-size: 28px; font-weight: bold; line-height: 42px; height: 84px; overflow: hidden; }
.tpl-j2nunund .youshi_h2 { font-size: 24px; line-height: 42px; font-family: Century Gothic; }
.tpl-j2nunund .youshi_h3 { width: 320px; height: 44px; border: 1px solid #c8e8f9; line-height: 44px; text-align: center; margin-top: 50px; font-size: 18px; }
.tpl-j2nunund .youshi_h4 { width: 84px; margin-right: 28px; float: left; text-align: center; line-height: 42px; font-size: 14px; margin-top: 55px; }
.tpl-j2nunund .youshi_h4 .v1 { width: 82px; height: 60px; padding-top: 22px; border: 1px solid #fff; border-radius: 5px; box-sizing: border-box; }
.tpl-j2nunund .youshi_h4 .v1 img { width: 40px; height: 40px; }
.tpl-j2nunund .youshi_ted { width: 290px; height: 50px; line-height: 25px; background: url('/static/templates/j2nunund/images/6.png') left no-repeat; float: left; font-size: 16px; padding-left: 35px; margin-top: 55px; color: #fff; }
.tpl-j2nunund .youshi_ted span { display: block; }
.tpl-j2nunund .youshi_ted strong { font-size: 22px; color: #ff0; display: block; }
.tpl-j2nunund #y3 { width: 950px; height: 565px; background: rgba(1,73,157,0.85); margin-top: -595px; float: right; }
.tpl-j2nunund .youshi_p { width: 410px; float: left; padding-top: 35px; padding-bottom: 10px; padding-left: 45px; box-sizing: border-box; }
.tpl-j2nunund .youshi_v1 { font-size: 46px; line-height: 46px; font-family: Arial, Helvetica, sans-serif; color: #fff; }
.tpl-j2nunund .youshi_v2 { line-height: 50px; font-size: 22px; padding-bottom: 5px; color: #fff; }
.tpl-j2nunund .youshi_v3 { width: 55px; height: 2px; background: #fff; }
.tpl-j2nunund .youshi_v4 { padding-top: 25px; font-size: 14px; line-height: 28px; color: #fff; }

/* n1 新闻 */
.tpl-j2nunund .n1 { background: #f5f5f5; padding: 40px 0; box-sizing: border-box; overflow: hidden; }
.tpl-j2nunund .n2 { width: 100%; }
.tpl-j2nunund .n1 ul { overflow: hidden; }
.tpl-j2nunund .n1 li { width: 450px; float: left; margin-right: 25px; margin-bottom: 25px; overflow: hidden; background: #fff; box-shadow: 0 0 21px #d2d2d2; }
.tpl-j2nunund .n1 li .linewsimg { width: 120px; height: 120px; float: left; position: relative; }
.tpl-j2nunund .n1 li .linewsimg img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; transition: all .5s; object-fit: cover; }
.tpl-j2nunund .n1 li .linewstxt { width: 300px; float: right; padding: 0 15px; height: 120px; overflow: hidden; box-sizing: border-box; }
.tpl-j2nunund .n1 li h3 { font-size: 18px; color: #666; font-weight: 500; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 35px; line-height: 35px; }
.tpl-j2nunund .n1 li p { line-height: 20px; color: #aaa; overflow: hidden; height: 40px; margin-bottom: 5px; }
.tpl-j2nunund .n1 li .litime { padding-left: 40px; height: 30px; line-height: 30px; color: #fff; font-family: Arial; background: #0162d5 url('/static/templates/j2nunund/images/7.png') no-repeat 10px center; display: inline-block; }
.tpl-j2nunund .n1 li a { display: block; color: #666; }
.tpl-j2nunund .n1 li a:hover { color: #666 !important; }

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

/* footer 黑色底 */
.tpl-j2nunund .footWrap { background: #33383c; overflow: hidden; font-family: "Microsoft Yahei", sans-serif; padding: 30px 0; position: relative; z-index: 1; }
.tpl-j2nunund .footer { width: 1200px; margin: 0 auto; position: relative; line-height: 25px; text-align: center; color: #fff; }
.tpl-j2nunund .footer p { color: #fff; }